.elementor-168 .elementor-element.elementor-element-16ebdea{--display:flex;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-168 .elementor-element.elementor-element-694a3996 form.glsr-form .glsr-field-rating{--glsr-form-star:2em;}.elementor-168 .elementor-element.elementor-element-694a3996 .glsr[data-theme] .glsr-field-rating [data-stars]{font-size:initial;}.elementor-168 .elementor-element.elementor-element-694a3996 .glsr[data-theme] .glsr-field-rating [data-stars] > span{font-size:initial;height:var(--glsr-form-star);width:var(--glsr-form-star);}.elementor-168 .elementor-element.elementor-element-694a3996 form.glsr-form .glsr-field-rating span[data-rating]{column-gap:2px;}.elementor-168 .elementor-element.elementor-element-694a3996 .glsr-review-form{--glsr-gap-md:0.75em;}.elementor-168 .elementor-element.elementor-element-694a3996 .elementor-form .elementor-form-fields-wrapper .glsr-field{margin-bottom:0.75em;}/* Start custom CSS for site_reviews_form, class: .elementor-element-694a3996 *//* =================================================
   SITE REVIEWS – DUTCH TRANSLATION (CSS ONLY)
   ================================================= */

/* ---------- LABELS (TRANSLATED) ---------- */

/* Rating */
.glsr-field-rating .glsr-label span {
  visibility: hidden;
  position: relative;
}
.glsr-field-rating .glsr-label span::before {
  content: "Uw algemene beoordeling";
  visibility: visible;
  position: absolute;
  left: 0;
  top: 0;
}

/* Review */
.glsr-field-textarea .glsr-label span {
  visibility: hidden;
  position: relative;
}
.glsr-field-textarea .glsr-label span::before {
  content: "Uw beoordeling";
  visibility: visible;
  position: absolute;
  left: 0;
  top: 0;
}

/* Name */
.glsr-field-text .glsr-label span {
  visibility: hidden;
  position: relative;
}
.glsr-field-text .glsr-label span::before {
  content: "Uw naam";
  visibility: visible;
  position: absolute;
  left: 0;
  top: 0;
}

/* Email */
.glsr-field-email .glsr-label span {
  visibility: hidden;
  position: relative;
}
.glsr-field-email .glsr-label span::before {
  content: "Uw e-mailadres";
  visibility: visible;
  position: absolute;
  left: 0;
  top: 0;
}

/* Terms text */
.glsr-field-choice label {
  visibility: hidden;
  position: relative;
}
.glsr-field-choice label::before {
  content: "Deze beoordeling is gebaseerd op mijn eigen ervaring en is mijn eerlijke mening.";
  visibility: visible;
  position: absolute;
  left: 0;
  top: 0;
  line-height: 1.4;
}

/* Hide English placeholders */
.glsr-form ::placeholder {
  color: transparent;
}

/* =================================================
   SPACING FIX (IMPORTANT PART)
   ================================================= */

/* Reserve space for labels (fixes missing gap) */
.glsr-label {
  display: block;
  min-height: 50px;   /* creates vertical space */
  margin-bottom: 8px;
}

/* Space between fields */
.glsr-field {
  margin-bottom: 22px;
}

/* Inputs & selects */
.glsr-input,
.glsr-select {
  padding: 12px 14px;
}

/* Textarea */
.glsr-textarea {
  padding: 14px;
}

/* =================================================
   SUBMIT BUTTON (DUTCH + BIGGER)
   ================================================= */

.glsr-button {
  font-size: 0 !important;   /* hide English */
  padding: 16px 32px !important;
  min-height: 54px;
  border-radius: 6px;
  width: 100%;
}

.glsr-button::before {
  content: "Beoordeling verzenden";
  font-size: 16px;
  font-weight: 600;
}
/* =========================================
   REMOVE SITE REVIEWS ERROR MESSAGES
   ========================================= */

/* Hide error text */
.glsr-field-error,
.glsr-form-message {
  display: none !important;
}

/* Remove red borders / invalid highlights */
.glsr-field.glsr-has-error input,
.glsr-field.glsr-has-error textarea,
.glsr-field.glsr-has-error select {
  border-color: inherit !important;
  box-shadow: none !important;
}

/* =========================================
   FORCE CLEAN SCROLL FLOW (NO OVERLAPS)
   ========================================= */

/* Ensure all fields flow naturally */
.glsr-form,
.glsr-field {
  overflow: visible;
}

/* Prevent absolute text from overlapping next elements */
.glsr-label span::before,
.glsr-field-choice label::before {
  display: block;
}

/* =========================================
   LABEL ALIGNMENT – ALWAYS LEFT
   ========================================= */

.glsr-label,
.glsr-label span,
.glsr-label span::before {
  text-align: left !important;
}

/* Terms label left-aligned */
.glsr-field-choice label,
.glsr-field-choice label::before {
  text-align: left !important;
}

/* =========================================
   MOBILE SAFETY (SCROLL + ALIGNMENT)
   ========================================= */

@media (max-width: 768px) {

  .glsr-label {
    min-height: 26px; /* ensures spacing on small screens */
  }

  .glsr-field {
    margin-bottom: 24px;
  }

  .glsr-button {
    min-height: 56px;
  }
}/* End custom CSS */