/* =====================================================================
   Theme: Daylight  (Claude 3)
   Premium licht thema — wit/ijsblauw, navy tekst, cobalt acties, amber
   accent, royale radii, zachte gelaagde schaduwen, donkere footer.
   Scoped onder [data-theme="daylight"].
   ===================================================================== */

html[data-theme="daylight"]{
  --bg:#f5f7fb;
  --surface:#ffffff;
  --surface-2:#eef2f8;
  --text:#0c1b33;
  --muted:#5c6b84;
  --muted-2:#3f4f68;
  --accent:#1d4ed8;
  --accent-2:#2563eb;
  --accent-glow:rgba(29,78,216,.16);
  --msc:#f59e0b;
  --msc-2:#d97706;
  --msc-soft:rgba(245,158,11,.14);
  --msc-bd:rgba(245,158,11,.45);
  --success:#059669;
  --success-2:#047857;
  --border:#e3e9f2;
  --border-2:#d3dce9;
  --r:12px;
  --hero-bg:linear-gradient(160deg,#e8f0ff 0%,#f8fafc 48%,#e9effa 100%);
}

/* ---- typografie: familie-gevoel met de andere thema's ---- */
html[data-theme="daylight"] h1,
html[data-theme="daylight"] h2,
html[data-theme="daylight"] h3,
html[data-theme="daylight"] .logo,
html[data-theme="daylight"] .paysafe-text h2{font-family:'Plus Jakarta Sans',Inter,system-ui,sans-serif;letter-spacing:-.02em}
html[data-theme="daylight"] .eyebrow,
html[data-theme="daylight"] .section-title strong{font-family:'JetBrains Mono',ui-monospace,monospace;text-transform:uppercase;letter-spacing:.08em}

/* ---- chrome ---- */
html[data-theme="daylight"] header.site{background:rgba(255,255,255,.86);backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}
html[data-theme="daylight"] .menu a{color:var(--muted)}
html[data-theme="daylight"] .menu a:hover,
html[data-theme="daylight"] .menu a.active{color:var(--accent)}
html[data-theme="daylight"] .hamburger span{background:#0c1b33}
html[data-theme="daylight"] .brand-sep{background:linear-gradient(180deg,transparent,rgba(92,107,132,.7) 25%,rgba(92,107,132,.7) 75%,transparent)}
html[data-theme="daylight"] .tel{color:var(--muted-2)}

/* ---- hero ---- */
html[data-theme="daylight"] .hero h1{color:var(--text)}
html[data-theme="daylight"] .hero .lede,
html[data-theme="daylight"] .lede{color:var(--muted)}
html[data-theme="daylight"] .hero-bg-img img{filter:drop-shadow(0 34px 60px rgba(12,27,51,.25));opacity:.95}
html[data-theme="daylight"] .stat .lbl{color:var(--muted)}

/* ---- kaarten: wit met zachte gelaagde schaduw ---- */
html[data-theme="daylight"] .pcard,
html[data-theme="daylight"] .safe-card,
html[data-theme="daylight"] .paysafe-card,
html[data-theme="daylight"] .safe-step,
html[data-theme="daylight"] .feature-card,
html[data-theme="daylight"] .calc-box,
html[data-theme="daylight"] .price-card,
html[data-theme="daylight"] .fin-box{
  background:#fff;
  border:1px solid var(--border);
  border-radius:16px;
  box-shadow:0 1px 2px rgba(12,27,51,.04),0 12px 32px rgba(12,27,51,.07);
  backdrop-filter:none;
}
html[data-theme="daylight"] .pcard:hover,
html[data-theme="daylight"] .safe-card:hover,
html[data-theme="daylight"] .paysafe-card:hover{border-color:var(--accent-2);box-shadow:0 2px 4px rgba(12,27,51,.05),0 18px 44px rgba(29,78,216,.13)}
html[data-theme="daylight"] .fin-box.is-open{background:#fff}
html[data-theme="daylight"] .fin-bar:hover{background:rgba(29,78,216,.04)}
html[data-theme="daylight"] .fin-body{border-top-color:var(--border)}
html[data-theme="daylight"] .fin-opt,
html[data-theme="daylight"] .qm-fin-opts li,
html[data-theme="daylight"] .trust-pop-opt{background:var(--surface-2);border-color:var(--border)}
html[data-theme="daylight"] .fin-opt:hover{border-color:var(--accent-2)}
html[data-theme="daylight"] .fin-toggle,
html[data-theme="daylight"] .calc-presets button{background:var(--surface-2);border-color:var(--border-2);color:var(--muted-2)}
html[data-theme="daylight"] .fin-toggle button{color:var(--muted-2)}
html[data-theme="daylight"] .fin-toggle button.on{background:var(--accent);color:#fff}
html[data-theme="daylight"] .fin-vat input,
html[data-theme="daylight"] .calc-input{background:#fff;border-color:var(--border-2);color:var(--text)}
html[data-theme="daylight"] .calc-input input{color:var(--text)}
html[data-theme="daylight"] .calc-saveline{background:rgba(5,150,105,.08);border-color:rgba(5,150,105,.25)}

/* ---- popup: witte kaart, zachte overlay ---- */
html[data-theme="daylight"] .trust-pop-overlay{background:rgba(12,27,51,.45)}
html[data-theme="daylight"] .trust-pop-card{background:#fff;border-color:var(--border);box-shadow:0 40px 90px rgba(12,27,51,.3)}
html[data-theme="daylight"] .trust-pop-pill{background:var(--surface-2);border-color:var(--border-2);color:var(--muted-2)}
html[data-theme="daylight"] .trust-pop-x{color:var(--muted)}
html[data-theme="daylight"] .trust-pop-body{color:var(--muted)}
html[data-theme="daylight"] .trust-pop-opt strong{color:var(--text)}
html[data-theme="daylight"] .trust-pop-more{color:var(--muted)}

/* ---- qm modal (offerte) ---- */
html[data-theme="daylight"] .qm-fin-promo{background:var(--surface-2);border-color:var(--border-2)}
html[data-theme="daylight"] .qm-fin-no{border-color:var(--border-2);color:var(--muted-2)}

/* ---- knoppen ---- */
html[data-theme="daylight"] .btn-primary{box-shadow:0 8px 22px rgba(29,78,216,.28)}
html[data-theme="daylight"] .btn-primary:hover{box-shadow:0 12px 30px rgba(29,78,216,.36)}
html[data-theme="daylight"] .btn-secondary{background:#fff;border:1px solid var(--border-2);color:var(--muted-2)}
html[data-theme="daylight"] .btn-secondary:hover{border-color:var(--accent);color:var(--accent)}
html[data-theme="daylight"] .cta-top{box-shadow:0 8px 22px rgba(245,158,11,.35)}

/* ---- chips & badges ---- */
html[data-theme="daylight"] .pfin{background:rgba(29,78,216,.08);border-color:rgba(29,78,216,.25);color:var(--accent)}
html[data-theme="daylight"] .pmatch{background:rgba(5,150,105,.08);border-color:rgba(5,150,105,.3)}
html[data-theme="daylight"] .fin-hero-pill{background:#fff;border-color:var(--border-2);color:var(--accent);box-shadow:0 4px 14px rgba(12,27,51,.08)}
html[data-theme="daylight"] .fin-hero-pill:hover{border-color:var(--accent)}
html[data-theme="daylight"] .fin-bar-ico,
html[data-theme="daylight"] .trust-pop-shield,
html[data-theme="daylight"] .safe-hero-shield{background:rgba(5,150,105,.09);border-color:rgba(5,150,105,.3);color:var(--success)}
html[data-theme="daylight"] .fin-bar-toggle{background:rgba(29,78,216,.08);color:var(--accent)}
html[data-theme="daylight"] .safe-step-n{box-shadow:0 6px 16px rgba(29,78,216,.3)}

/* ---- secties ---- */
html[data-theme="daylight"] .paysafe{background:linear-gradient(180deg,#eef3fc,transparent)}
html[data-theme="daylight"] .trust-pop-ico.is-blue{background:rgba(29,78,216,.08);border-color:rgba(29,78,216,.3);color:var(--accent)}
html[data-theme="daylight"] .trust-pop-ico.is-green{background:rgba(5,150,105,.09);border-color:rgba(5,150,105,.3);color:var(--success)}
html[data-theme="daylight"] .trust-pop-ico.is-gold{background:rgba(245,158,11,.12);border-color:rgba(245,158,11,.4);color:var(--msc-2)}
html[data-theme="daylight"] .safe-card-ico.is-purple{background:rgba(147,51,234,.08);border-color:rgba(147,51,234,.3);color:#7e22ce}

/* ---- donkere footer als contrast-anker ---- */
html[data-theme="daylight"] footer.site{background:#0c1b33;border-top:0}
html[data-theme="daylight"] footer.site .logo{color:#fff}
html[data-theme="daylight"] .hero .lede{max-width:520px}
html[data-theme="daylight"] .hero .btns{position:relative;z-index:2}