/* Eigen aanmeldformulier op /afspraak.html (vervangt het ingesloten Google Form) */
.form-embed.aanvraag{padding:clamp(22px,4vw,40px)}
.aanvraag form{margin:0}
.aanvraag .af-field{margin:0 0 26px;border:0;padding:0;min-width:0}
.aanvraag .af-label{display:block;font-weight:700;font-size:1rem;margin:0 0 8px;color:var(--ink);padding:0}
.aanvraag .af-req{color:#b23b3b;margin-left:3px}
.aanvraag .af-hint{display:block;font-weight:400;font-size:.88rem;color:var(--muted);margin-top:2px}
.aanvraag input[type=text],.aanvraag input[type=email],.aanvraag input[type=tel],.aanvraag textarea{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:8px;font:inherit;font-size:1rem;background:#fff;color:var(--ink)}
.aanvraag textarea{min-height:86px;resize:vertical}
.aanvraag input:focus-visible,.aanvraag textarea:focus-visible{outline:3px solid var(--yellow);outline-offset:1px}
.aanvraag .af-options label{display:flex;align-items:center;gap:12px;margin:0 0 10px;font-weight:500;cursor:pointer}
.aanvraag .af-options input{width:20px;height:20px;flex:none;accent-color:var(--dark)}
.aanvraag .af-trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.aanvraag .af-submit{display:inline-flex;align-items:center;justify-content:center;background:var(--dark);color:#fff;border:0;border-radius:999px;padding:15px 34px;font:inherit;font-weight:700;cursor:pointer}
.aanvraag .af-submit[disabled]{opacity:.6;cursor:wait}
.aanvraag .af-note{font-size:.88rem;color:var(--muted);margin:16px 0 0;max-width:520px}
.aanvraag .af-errors{background:#fdeceb;color:#8f2a2a;border-radius:10px;padding:14px 18px;margin:0 0 24px}
.aanvraag .af-errors p{margin:3px 0}
.aanvraag .af-done{background:#e7f1e6;color:#2c5c2a;border-radius:12px;padding:26px 28px;font-size:1.05rem;line-height:1.55}
.aanvraag .af-done strong{display:block;font-family:var(--serif);font-size:1.6rem;font-weight:400;margin-bottom:6px}

/* ---- Ruimte-sfeer: vergeeld papier, sterretjes, sterrenstof ---- */
.form-embed-section{display:flex;flex-direction:column;align-items:center;gap:34px}
.af-star{display:block;color:var(--yellow);flex:none}

/* Brief: vergeeld papier met een sterretje dat op de rand "landt" */
.af-letter{position:relative;width:100%;max-width:760px;margin:0 auto;padding:clamp(30px,5vw,48px) clamp(24px,5vw,52px) clamp(26px,4vw,38px);border-radius:var(--radius-md,14px);border:1px solid rgba(223,189,55,.55);background:
  radial-gradient(circle at 93% 12%,rgba(223,189,55,.7) 0 1.6px,transparent 2.6px),
  radial-gradient(circle at 89% 26%,rgba(223,189,55,.5) 0 1.2px,transparent 2.2px),
  radial-gradient(circle at 96% 38%,rgba(150,111,32,.3) 0 1px,transparent 2px),
  radial-gradient(circle at 6% 84%,rgba(223,189,55,.55) 0 1.4px,transparent 2.4px),
  radial-gradient(circle at 11% 93%,rgba(150,111,32,.28) 0 1px,transparent 2px),
  var(--cream,#f7f3e8);
  box-shadow:0 14px 40px rgba(37,53,47,.08);color:var(--ink)}
.af-letter p{margin:0 0 14px;line-height:1.6;color:var(--muted);font-size:1.02rem}
.af-letter p strong{color:var(--ink);font-family:var(--serif);font-weight:400;font-size:1.5rem}
.af-letter a{color:var(--ink);font-weight:650}
.af-letter .af-letter-sign{margin:22px 0 0;color:var(--ink)}
.af-letter .af-letter-sign em{font-family:var(--serif);font-size:1.25rem}
.af-letter-star{position:absolute;top:-14px;left:50%;transform:translateX(-50%);width:28px;height:28px;display:grid;place-items:center;background:var(--paper);border-radius:50%;box-shadow:0 0 0 1px rgba(223,189,55,.55)}
.af-letter-star .af-star{width:18px;height:18px}

/* Formulier: twee delen, gescheiden door een gouden lijn met sterretje */
.form-embed.aanvraag{width:100%;max-width:760px;margin:0 auto}
.af-section{position:relative;padding-top:34px;margin-top:6px}
.af-section + .af-section{margin-top:34px;border-top:1px solid rgba(223,189,55,.5)}
.af-section-title{display:flex;align-items:center;gap:12px;margin:0 0 6px;font-family:var(--serif);font-weight:400;font-size:clamp(1.7rem,3.4vw,2.2rem);letter-spacing:-.02em;line-height:1.1;color:var(--ink)}
.af-section-title .af-star{width:18px;height:18px}
.af-section:first-of-type .af-section-title .af-star{display:block}
.af-section-note{margin:0 0 26px;color:var(--muted);font-size:.95rem;max-width:520px}

/* Aangevinkte keuzes krijgen een lichte gele gloed, in de sfeer van de site */
.aanvraag .af-options label{padding:6px 10px;margin-left:-10px;border-radius:8px;transition:background .15s}
.aanvraag .af-options label:hover{background:rgba(223,189,55,.14)}
.aanvraag .af-options label:has(input:checked){background:rgba(223,189,55,.22)}

.aanvraag .af-submit{background:var(--dark);box-shadow:0 10px 26px rgba(38,59,52,.22)}
.aanvraag .af-submit:hover{background:#1d2b27}
.aanvraag .af-done{position:relative;background:var(--cream,#f7f3e8);border:1px solid rgba(223,189,55,.55);color:var(--ink);padding-left:70px}
.aanvraag .af-done::before{content:"";position:absolute;left:26px;top:30px;width:26px;height:26px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20'><path d='M10,2 L11.19,7.14 L15.66,4.34 L12.86,8.81 L18,10 L12.86,11.19 L15.66,15.66 L11.19,12.86 L10,18 L8.81,12.86 L4.34,15.66 L7.14,11.19 L2,10 L7.14,8.81 L4.34,4.34 L8.81,7.14 Z' fill='%23dfbd37'/></svg>") center/contain no-repeat}
.aanvraag .af-done strong{color:var(--ink)}
@media(max-width:600px){.aanvraag .af-done{padding-left:26px;padding-top:62px}.aanvraag .af-done::before{left:26px;top:24px}}

/* Vinkje 'kopie van mijn aanmelding': opvallend kader onderaan het formulier */
.aanvraag .af-copy{margin-top:26px}
.aanvraag .af-copy .af-options label{align-items:flex-start;padding:16px 18px;margin-left:0;border:1px solid rgba(223,189,55,.55);border-radius:12px;background:#fbf4dc}
.aanvraag .af-copy .af-options label:hover{background:#f8edc6}
.aanvraag .af-copy .af-options input{margin-top:2px}
.aanvraag .af-copy .af-hint{margin-top:4px}


/* Compactere hero op de aanmeldpagina: de eerste vraag staat hoger op het scherm */
.faq-hero.faq-hero-compact{padding-top:48px;padding-bottom:40px}
.faq-hero.faq-hero-compact h1{font-size:clamp(2.6rem,4.6vw,4.4rem);margin-bottom:16px}
@media(max-width:700px){.faq-hero.faq-hero-compact{padding-top:34px;padding-bottom:30px}}


/* Spikkels (zoals in het infokader) ook in het formulier zelf */
.form-embed.aanvraag{position:relative}
.form-embed.aanvraag::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background-image:radial-gradient(circle at 70% 4.2%,rgba(223,189,55,.75) 0 1.6px,transparent 2.6px),radial-gradient(circle at 88% 3.4%,rgba(150,111,32,.32) 0 1.1px,transparent 2.1px),radial-gradient(circle at 94% 5%,rgba(223,189,55,.5) 0 1.3px,transparent 2.3px),radial-gradient(circle at 62% 33.4%,rgba(150,111,32,.32) 0 1px,transparent 2px),radial-gradient(circle at 80% 32.6%,rgba(223,189,55,.75) 0 1.7px,transparent 2.7px),radial-gradient(circle at 91% 34%,rgba(150,111,32,.5) 0 1.2px,transparent 2.2px),radial-gradient(circle at 97% 14%,rgba(223,189,55,.75) 0 1.5px,transparent 2.5px),radial-gradient(circle at 2.5% 22%,rgba(150,111,32,.32) 0 1.1px,transparent 2.1px),radial-gradient(circle at 96% 47%,rgba(223,189,55,.5) 0 1.3px,transparent 2.3px),radial-gradient(circle at 3% 58%,rgba(223,189,55,.75) 0 1.6px,transparent 2.6px),radial-gradient(circle at 97% 70%,rgba(150,111,32,.32) 0 1px,transparent 2px),radial-gradient(circle at 2.5% 83%,rgba(223,189,55,.5) 0 1.3px,transparent 2.3px),radial-gradient(circle at 96% 90%,rgba(223,189,55,.75) 0 1.5px,transparent 2.5px),radial-gradient(circle at 60% 96%,rgba(150,111,32,.32) 0 1.1px,transparent 2.1px),radial-gradient(circle at 78% 97.5%,rgba(223,189,55,.75) 0 1.6px,transparent 2.6px),radial-gradient(circle at 92% 95.5%,rgba(150,111,32,.5) 0 1.2px,transparent 2.2px)}
@media(max-width:700px){.form-embed.aanvraag::after{background-image:radial-gradient(circle at 88% 1.6%,rgba(223,189,55,.75) 0 1.5px,transparent 2.5px),radial-gradient(circle at 95% 2.6%,rgba(150,111,32,.32) 0 1.1px,transparent 2.1px),radial-gradient(circle at 97% 9%,rgba(223,189,55,.5) 0 1.3px,transparent 2.3px),radial-gradient(circle at 2.5% 18%,rgba(150,111,32,.32) 0 1.1px,transparent 2.1px),radial-gradient(circle at 97% 31%,rgba(223,189,55,.75) 0 1.5px,transparent 2.5px),radial-gradient(circle at 2.5% 44%,rgba(223,189,55,.5) 0 1.3px,transparent 2.3px),radial-gradient(circle at 97% 57%,rgba(150,111,32,.32) 0 1.1px,transparent 2.1px),radial-gradient(circle at 2.5% 70%,rgba(223,189,55,.75) 0 1.5px,transparent 2.5px),radial-gradient(circle at 97% 82%,rgba(223,189,55,.5) 0 1.3px,transparent 2.3px),radial-gradient(circle at 2.5% 93%,rgba(150,111,32,.32) 0 1.1px,transparent 2.1px),radial-gradient(circle at 90% 98%,rgba(223,189,55,.75) 0 1.5px,transparent 2.5px),radial-gradient(circle at 75% 98.6%,rgba(150,111,32,.5) 0 1.1px,transparent 2.1px)}}