/* ============================================================
   PAGE-AANMELDEN.CSS — "Bedrijf aanmelden" (Linnen gids)
   Pagina-specifieke layout bovenop sandbox-base.css. Verbruikt
   uitsluitend variabelen uit tokens.css. Prefix .am-.
   ============================================================ */

.am-head{padding:48px 0 8px;text-align:center;}
.am-head h1{margin:14px 0 0;}
.am-head .sb-lead{max-width:560px;margin:16px auto 0;}

.am-section{padding:40px 0 80px;}
.am-grid{display:grid;grid-template-columns:5fr 7fr;gap:42px;align-items:start;}
@media (max-width:900px){.am-grid{grid-template-columns:1fr;}}

.am-benefits{position:static;}
@media (min-width:901px){.am-benefits{position:sticky;top:96px;}}
.am-benefit{display:flex;gap:14px;padding:18px 0;border-bottom:1px solid var(--color-line);}
.am-benefit:last-child{border-bottom:none;}
.am-benefit .ic{width:44px;height:44px;border-radius:11px;flex:0 0 auto;background:#eef5f0;color:var(--color-primary);display:grid;place-items:center;}
.am-benefit .t{font-weight:600;font-size:1.05rem;}
.am-benefit .d{color:var(--color-text-muted);font-size:0.96rem;}
.am-reassure{margin-top:24px;background:var(--color-surface-deep);border:1px solid var(--color-line);border-radius:12px;padding:20px 22px;font-size:0.96rem;color:var(--color-text-muted);}

.am-form{padding:34px 36px;}
.am-form h2{font-family:var(--font-display);font-weight:500;font-size:1.6rem;margin-bottom:4px;}
.am-form .intro{color:var(--color-text-muted);margin-bottom:24px;}

.am-fieldset{border:none;margin-bottom:26px;}
.am-fieldset legend{font-size:0.78rem;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--color-accent);margin-bottom:16px;padding-top:18px;border-top:1px solid var(--color-line);width:100%;}
.am-fieldset:first-of-type legend{border-top:none;padding-top:0;}

.am-submit{margin-top:8px;}
.am-privacy{margin-top:14px;font-size:0.88rem;color:var(--color-text-muted);}
.am-hint{margin-top:6px;font-size:0.85rem;color:var(--color-text-muted);}
/* Vier opties wrappen over twee regels: losse chips i.p.v. één capsule */
#aanmelden-form .sb-toggle{border:none;border-radius:0;padding:0;background:transparent;gap:8px;}
#aanmelden-form .sb-toggle label{border:1.5px solid var(--color-line);background:var(--color-surface);}
#aanmelden-form .sb-toggle input:checked + label{border-color:var(--color-primary);background:var(--color-primary);color:#fff;}

.am-honeypot{position:absolute;left:-9999px;}
.am-optional{color:var(--color-text-muted);font-weight:500;}
.am-consent{margin-top:6px;}

/* Geneste checkbox-groepen: legend krijgt dezelfde stijl als een veld-label */
.am-form fieldset.sb-field{border:none;}
.sb-field-legend{display:block;font-weight:600;font-size:1rem;margin-bottom:8px;}

/* ---- Productie-aanvulling: statusmelding ---- */
.am-alert{margin-bottom:20px;padding:14px 18px;border-radius:var(--radius);font-size:0.98rem;border:1px solid var(--color-line);}
.am-alert--success{background:#eef5f0;border-color:#bcd3c4;color:var(--color-primary);}
.am-alert--error{background:#f9ece9;border-color:#dcb4ac;color:var(--color-danger);}