/* Gravity Forms, contactformulier (#3). Kleuren en hoeken komen uit de
   stijlopties van Gravity Forms (includes/general/gravity-forms.php); hier
   alleen de typografie van de primaire knop uit scripts/divi5/opsy.py (via
   de knopvariabelen van Gravity Forms) en een duidelijke focusrand. De foutsamenvatting bovenaan blijft zichtbaar:
   Gravity Forms zet de focus erop na een mislukte verzending (WCAG 3.3.1). */
.gform_wrapper.gform-theme--foundation.opsy-contact_wrapper {
  --gf-ctrl-btn-font-family: 'Poppins', Helvetica, Arial, sans-serif;
  --gf-ctrl-btn-font-size: 14px;
  --gf-ctrl-btn-font-weight: 700;
  --gf-ctrl-btn-letter-spacing: 0.08em;
  --gf-ctrl-btn-text-transform: uppercase;
  --gf-ctrl-btn-padding-x: 32px;
  --gf-ctrl-btn-padding-x-md: 32px;
}

.gform-theme--framework.opsy-contact_wrapper .gform_footer .gform_button:focus-visible {
  outline: 2px solid var(--op-ink-900);
  outline-offset: 2px;
}

/* =====================================================================
   OPSY-basis — alleen wat site-breed geldt en niet per module hoort.
   Alles wat Joyce in de Visual Builder moet kunnen aanpassen staat in de
   moduleopmaak zelf (zie scripts/divi5/opsy.py), niet hier.
   ===================================================================== */

:root {
  --op-ink-900:  #2A2119;
  --op-ink-600:  #6E5D4E;
  --op-teal-700: #00776E;
  --op-teal-100: #E1F1EF;
  --op-geel-500: #F2C12E;
  --op-line:     #E3E7E3;
  --op-radius:   3px;
}

/* Feedback 31/7: overal 3px, ook op wat Divi zelf neerzet. */
.et_pb_button,
.et_pb_image img,
.et_pb_blurb .et_pb_main_blurb_image img {
  border-radius: var(--op-radius);
}

/* Citaten in de ervaringen-secties. */
#main-content blockquote {
  margin: 0;
  padding-left: 20px;
  border-left: 3px solid var(--op-geel-500);
  font-style: normal;
}

/* [opsy_email]: de knop 'Toon e-mailadres' oogt als een gewone link
   (includes/general/email-tonen.php). */
.opsy-email-knop {
  padding: 0;
  border: 0;
  background: none;
  color: var(--op-teal-700);
  font: inherit;
  text-decoration: underline;
  cursor: pointer;
}

.opsy-email-knop:focus-visible {
  outline: 2px solid var(--op-ink-900);
  outline-offset: 2px;
}

/* Het formulier niet onder de vaste header laten vallen bij #contactformulier. */
#contactformulier {
  scroll-margin-top: 100px;
}