/* ==========================================================================
   Padexis — Gravity Forms op de bestaande Elementor-pagina's

   Het contactformulier (GF 1) staat op home, contact en uniek concept, waar
   tot 05-10-2026 een Elementor-formulier stond. Deze regels geven het dezelfde
   vorm als dat Elementor-formulier: witte velden zonder rand, placeholders in
   plaats van labels, en de volle lime knop.

   Anders dan op de landingspagina's blijft de styling van Gravity Forms hier
   staan. GF laadt die pas tijdens het renderen van de shortcode, in de body,
   dus wegfilteren lukt niet betrouwbaar. Daarom winnen deze regels op
   specificiteit, via het id van de wrapper: GF's eigen knopregel weegt al
   (0,5,1), en met alleen klassen kom je daar niet overheen.

   De waarden komen uit de Elementor-kit, niet uit tokens.css: dit moet passen
   bij de rest van de Elementor-pagina, niet bij de landingspagina's.
   ========================================================================== */

.elementor-widget-shortcode #gform_wrapper_1.gform_wrapper{
  --pdx-gf-veld-tekst:#767680;
  --pdx-gf-knop:#d8ea58;
  --pdx-gf-knop-tekst:#021126;
  font-family:"Raleway",sans-serif;
}

/* --- ritme: 30px tussen de rijen, 16px tussen twee velden naast elkaar ------ */
.elementor-widget-shortcode #gform_wrapper_1.gform_wrapper .gform_fields{
  row-gap:30px;
  column-gap:16px;
}

.elementor-widget-shortcode #gform_wrapper_1.gform_wrapper .ginput_container_name{
  gap:16px;
  margin-inline:0;
}

.elementor-widget-shortcode #gform_wrapper_1.gform_wrapper .ginput_container_name > span{
  padding:0;
}

/* --- de velden --------------------------------------------------------------- */
.elementor-widget-shortcode #gform_wrapper_1.gform_wrapper input[type="text"],
.elementor-widget-shortcode #gform_wrapper_1.gform_wrapper input[type="email"],
.elementor-widget-shortcode #gform_wrapper_1.gform_wrapper input[type="tel"],
.elementor-widget-shortcode #gform_wrapper_1.gform_wrapper textarea{
  background:#ffffff;
  border:0;
  border-radius:12px;
  box-shadow:none;
  color:var(--pdx-gf-veld-tekst);
  font-family:"Raleway",sans-serif;
  font-size:18px;
  font-weight:400;
  line-height:1.2;
  min-block-size:0;
  padding:16px;
  block-size:auto;
}

.elementor-widget-shortcode #gform_wrapper_1.gform_wrapper textarea{
  block-size:118px;
  min-block-size:118px;
}

.elementor-widget-shortcode #gform_wrapper_1.gform_wrapper ::placeholder{
  color:var(--pdx-gf-veld-tekst);
  font-family:"Raleway",sans-serif;
  font-size:18px;
  opacity:1;
}

.elementor-widget-shortcode #gform_wrapper_1.gform_wrapper input:focus,
.elementor-widget-shortcode #gform_wrapper_1.gform_wrapper textarea:focus{
  outline:2px solid var(--pdx-gf-knop-tekst);
  outline-offset:2px;
}

/* --- het vinkje voor de privacyverklaring ----------------------------------- */
.elementor-widget-shortcode #gform_wrapper_1.gform_wrapper .ginput_container_consent{
  align-items:center;
  gap:8px;
}

.elementor-widget-shortcode #gform_wrapper_1.gform_wrapper .ginput_container_consent input[type="checkbox"]{
  block-size:16px;
  inline-size:16px;
  padding:0;
  border-radius:3px;
}

.elementor-widget-shortcode #gform_wrapper_1.gform_wrapper .gfield_consent_label{
  padding-inline-start:0;
  color:var(--pdx-gf-veld-tekst);
  font-family:"Raleway",sans-serif;
  font-size:18px;
}

/* --- de knop ----------------------------------------------------------------- */
.elementor-widget-shortcode #gform_wrapper_1.gform_wrapper .gform_footer{
  margin-block-start:30px;
  padding:0;
}

.elementor-widget-shortcode #gform_wrapper_1.gform_wrapper .gform_footer input[type="submit"],
.elementor-widget-shortcode #gform_wrapper_1.gform_wrapper .gform_footer button{
  background:var(--pdx-gf-knop);
  border:0;
  border-radius:100px;
  box-shadow:none;
  color:var(--pdx-gf-knop-tekst);
  font-family:"Raleway",sans-serif;
  font-size:24px;
  font-weight:600;
  inline-size:100%;
  line-height:1.2;
  padding:16px 24px;
  block-size:auto;
}

.elementor-widget-shortcode #gform_wrapper_1.gform_wrapper .gform_footer input[type="submit"]:hover,
.elementor-widget-shortcode #gform_wrapper_1.gform_wrapper .gform_footer button:hover{
  filter:brightness(.95);
}

/* --- na verzenden: zelfde letter als de velden ------------------------------ */
.elementor-widget-shortcode #gform_confirmation_message_1{
  color:inherit;
  font-family:"Raleway",sans-serif;
  font-size:18px;
}