.elementor-kit-8{--e-global-color-primary:#12100E;--e-global-color-secondary:#1C1815;--e-global-color-text:#E8DFD3;--e-global-color-accent:#D6A733;--e-global-color-374522d:#2B0910;--e-global-color-1d8a97b:#0C1724;--e-global-color-975ea02:#0C1700;--e-global-color-9a7a4f4:#A67F43;--e-global-color-2e7cdc9:#9A9086;--e-global-color-2b252f6:#D4B47F;--e-global-typography-primary-font-family:"Cinzel";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Cinzel";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Montserrat";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-weight:500;background-color:#1E060B;color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.site-header{background-color:var( --e-global-color-374522d );padding-inline-end:0px;padding-inline-start:0px;}.elementor-kit-8 a{color:var( --e-global-color-secondary );}.elementor-kit-8 h1{color:var( --e-global-color-text );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-8 h2{color:var( --e-global-color-secondary );font-family:"Cinzel", Sans-serif;font-size:32px;font-weight:600;}.elementor-kit-8 h3{color:var( --e-global-color-text );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-8 h4{color:var( --e-global-color-text );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-8 h5{color:var( --e-global-color-text );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-8 h6{color:var( --e-global-color-text );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1240px;}.e-con{--container-max-width:1240px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-lightbox{background-color:var( --e-global-color-primary );--lightbox-text-color:var( --e-global-color-text );}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --Primary-achtergrond:#12100E; --Secondary-achtergrond:#1C1815; --Tekst-kleur:#E8DFD3; --Goud-sinterklaaskrullen:#D6A733; --Goud-accent:#A67F43; --Sint:#2B0910; --Piet:#0C1724; --Kerst:#0C1700; --Titels:Cinzel; --Tekst-font:Montserrat; --Goud-rand-035:#a67e4259; --tekst2:#9a9086; }
/* Start custom CSS *//* ══════════════════════════════════════════════
   SINTERKLAASKRULLEN — CONTACTFORMULIER (ATOMIC)
   ══════════════════════════════════════════════ */

.sk-form{
  --sk-bg:#12100E;
  --sk-veld:#141110;
  --sk-tekst:#E8DFD3;
  --sk-dim:rgba(232,223,211,.62);
  --sk-vaag:rgba(232,223,211,.38);
  --sk-goud:#A67F43;
  --sk-goud-licht:#C19D62;
  --sk-lijn:rgba(166,127,67,.22);
  --sk-lijn-zacht:rgba(232,223,211,.10);
  --sk-fout:#C4796A;

  display:flex;
  flex-direction:column;
  font-family:'Montserrat',sans-serif;
  font-weight:300;
  color:var(--sk-tekst);
}

/* ── Labels ────────────────────────────────── */
.sk-form .sk-veldlabel{
  display:block;
  font-size:.68rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--sk-goud-licht);
  margin:0 0 12px;
}
.sk-form label{
  font-size:.72rem;
  letter-spacing:.1em;
  color:var(--sk-dim);
  margin-bottom:7px;
  display:block;
}

/* ── Invoervelden ──────────────────────────── */
.sk-form input[type="text"],
.sk-form input[type="email"],
.sk-form input[type="tel"],
.sk-form input[type="number"],
.sk-form input[type="date"],
.sk-form select,
.sk-form textarea{
  width:100%;
  background:var(--sk-veld);
  border:1px solid var(--sk-lijn-zacht);
  border-radius:0;
  color:var(--sk-tekst);
  font-family:'Montserrat',sans-serif;
  font-weight:300;
  font-size:.9rem;
  padding:13px 15px;
  transition:border-color .3s;
  margin-bottom:18px;
}
.sk-form textarea{ min-height:104px; resize:vertical; }
.sk-form input:focus,
.sk-form select:focus,
.sk-form textarea:focus{
  outline:none;
  border-color:var(--sk-goud);
}
.sk-form ::placeholder{ color:var(--sk-vaag); }

/* select-pijl in huisstijl */
.sk-form select{
  appearance:none;
  background-image:linear-gradient(45deg,transparent 50%,var(--sk-goud) 50%),
                   linear-gradient(135deg,var(--sk-goud) 50%,transparent 50%);
  background-position:calc(100% - 19px) 21px, calc(100% - 14px) 21px;
  background-size:5px 5px, 5px 5px;
  background-repeat:no-repeat;
  padding-right:40px;
}

/* twee velden naast elkaar */
.sk-form .sk-rij2{
  display:flex;
  gap:16px;
}
.sk-form .sk-rij2 > *{ flex:1; min-width:0; }

/* ── Onderwerpkiezer als pills ─────────────── */
.sk-form .sk-chiprij{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:24px;
}

/* elke directe cel in de rij die een radio bevat, wordt de pill —
   ongeacht of sk-chip er nu wel of niet op staat */
.sk-form .sk-chiprij > *:has(input[type="radio"]){
  position:relative;
  display:flex;
  align-items:center;
  padding:9px 16px;
  border:1px solid rgba(166,127,67,.22);
  background:transparent;
  cursor:pointer;
  transition:background .28s,border-color .28s;
}

/* de radio blijft bestaan voor toetsenbord en validatie,
   maar ligt onzichtbaar over de hele pill */
.sk-form .sk-chiprij input[type="radio"]{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  opacity:0;
  appearance:none;
  cursor:pointer;
  z-index:2;
}

/* het generieke labelvoorschrift uitschakelen binnen de pills */
.sk-form .sk-chiprij label{
  margin:0;
  padding:0;
  display:inline;
  font-size:.78rem;
  letter-spacing:.03em;
  text-transform:none;
  color:rgba(232,223,211,.62);
  cursor:pointer;
  transition:color .28s;
  white-space:nowrap;
}

.sk-form .sk-chiprij > *:has(input[type="radio"]):hover{
  border-color:#A67F43;
}
.sk-form .sk-chiprij > *:has(input[type="radio"]):hover label{
  color:#E8DFD3;
}

.sk-form .sk-chiprij > *:has(input:checked){
  background:#A67F43;
  border-color:#A67F43;
}
.sk-form .sk-chiprij > *:has(input:checked) label{
  color:#12100E;
  font-weight:500;
}
.sk-form .sk-chiprij > *:has(input:focus-visible){
  outline:2px solid #C19D62;
  outline-offset:2px;
}

/* ── Conditionele vervolgvragen ────────────── */
.sk-form .sk-sub{ display:none; }

.sk-form:has(input[name="onderwerp"][value="maatwerk"]:checked)   .sk-sub-maatwerk,
.sk-form:has(input[name="onderwerp"][value="onduleren"]:checked)  .sk-sub-onduleren,
.sk-form:has(input[name="onderwerp"][value="workshop"]:checked)   .sk-sub-workshop,
.sk-form:has(input[name="onderwerp"][value="bestelling"]:checked) .sk-sub-bestelling{
  display:block;
  animation:sk-fade .4s ease;
}
@keyframes sk-fade{
  from{ opacity:0; transform:translateY(8px); }
  to  { opacity:1; transform:none; }
}

.sk-form .sk-hint{
  font-size:.7rem;
  color:var(--sk-vaag);
  margin:-12px 0 18px;
  line-height:1.5;
}

/* ── Akkoordvinkje ─────────────────────────── */
.sk-form .sk-akkoord{
  display:flex;
  align-items:flex-start;
  gap:11px;
  margin:4px 0 20px;
}
.sk-form .sk-akkoord input[type="checkbox"]{
  width:15px;
  height:15px;
  margin:3px 0 0;
  flex:none;
  accent-color:var(--sk-goud);
  cursor:pointer;
}
.sk-form .sk-akkoord label{
  margin:0;
  font-size:.78rem;
  letter-spacing:0;
  text-transform:none;
  line-height:1.5;
  cursor:pointer;
}
.sk-form .sk-akkoord a{
  color:var(--sk-goud-licht);
  text-decoration:underline;
  text-underline-offset:3px;
}

/* ── Verzendknop ───────────────────────────── */
.sk-form .sk-knop{
  width:100%;
  padding:15px 28px;
  border:1px solid var(--sk-goud);
  border-radius:0;
  background:var(--sk-goud);
  color:#12100E;
  font-family:'Montserrat',sans-serif;
  font-size:.73rem;
  font-weight:500;
  letter-spacing:.2em;
  text-transform:uppercase;
  cursor:pointer;
  transition:background .35s,border-color .35s;
}
.sk-form .sk-knop:hover{
  background:var(--sk-goud-licht);
  border-color:var(--sk-goud-licht);
}
.sk-form .sk-foot{
  margin-top:14px;
  font-size:.72rem;
  letter-spacing:.06em;
  color:var(--sk-vaag);
  text-align:center;
}

/* ── Foutmeldingen ─────────────────────────── */
.sk-form input:user-invalid,
.sk-form textarea:user-invalid,
.sk-form select:user-invalid{
  border-color:#8E4A3C;
}
.sk-form .e-form__error,
.sk-form [role="alert"]{
  color:var(--sk-fout);
  font-size:.72rem;
  margin:-12px 0 14px;
}

/* ── Mobiel ────────────────────────────────── */
@media(max-width:720px){
  .sk-form .sk-rij2{ flex-direction:column; gap:0; }
  .sk-form .sk-chip label{ white-space:normal; }
}

/* ── Beperkte beweging ─────────────────────── */
@media(prefers-reduced-motion:reduce){
  .sk-form *{ animation:none!important; transition-duration:.01ms!important; }
}/* End custom CSS */