/* ═══ ARENA — INFORMATIEPAGINA'S, KALENDER/VERGELIJKING EN UTILITY (PR 8–9, herstructureerd in de eindfase).
   Gedeelde hero (page-hero-text/phi-*), sectiekoppen, 404/bedankt en contrast-herstel. Alleen presentatie. ═══ */

/* ── hero (page-hero-text) ── */
html[data-skin="arena"] .page-hero-text { background: var(--arena-forest); border: 0; color: #fff; position: relative; overflow: hidden; }
html[data-skin="arena"] .page-hero-text::before { content: ""; position: absolute; inset: auto; left: -8rem; top: -7rem; width: 30rem; height: 30rem; border-radius: 9999px; background: rgba(34, 197, 94, .12); filter: blur(64px); mask-image: none; -webkit-mask-image: none; pointer-events: none; }
html[data-skin="arena"] .phi-inner { max-width: 1100px; padding: 8rem 28px 4.5rem; }
html[data-skin="arena"] .phi-breadcrumb { font-family: var(--arena-font-sans); font-size: 12px; color: rgba(255, 255, 255, .7); letter-spacing: 0; }
html[data-skin="arena"] .phi-breadcrumb a { color: rgba(255, 255, 255, .85); }
html[data-skin="arena"] .phi-breadcrumb a:hover { color: #fff; }
html[data-skin="arena"] .phi-tag { background: none; border: 0; padding: 0; border-radius: 0; font-family: var(--arena-font-sans); font-size: 11px; font-weight: 600; letter-spacing: .22em; color: var(--arena-lime); display: inline-flex; align-items: center; gap: 12px; }
html[data-skin="arena"] .phi-tag::before { content: ""; width: 2rem; height: 1px; background: var(--arena-brand); }
html[data-skin="arena"] .phi-title { font-family: var(--arena-serif); font-weight: 400; letter-spacing: -.02em; line-height: 1.02; font-size: clamp(2.6rem, 6vw, 4.6rem); color: #fff; margin: 18px 0 20px; text-wrap: balance; }
html[data-skin="arena"] .phi-title em { font-style: italic; color: var(--arena-lime); }
html[data-skin="arena"] .phi-intro { color: rgba(255, 255, 255, .8); font-size: clamp(1rem, 1.4vw, 1.125rem); line-height: 1.625; max-width: 40rem; }
html[data-skin="arena"] .phi-meta { gap: 18px; }
html[data-skin="arena"] .ph-meta-item { color: rgba(255, 255, 255, .85); font-family: var(--arena-font-sans); }
html[data-skin="arena"] .thr-text .phi-title em::after { display: none; }

/* ── tools-hub kaarten ── */

/* ── tool-kaarten, formulieren, resultaten ── */
@media (max-width: 640px) {
  html[data-skin="arena"] .phi-inner, html[data-skin="arena"] .thr-inner { padding-top: 6.5rem; padding-left: 20px; padding-right: 20px; padding-bottom: 3rem; }
  html[data-skin="arena"] .phi-title { font-size: clamp(2.3rem, 10vw, 3rem); }
}

/* contrast-herstel bestaande inline-kleuren + links in disclaimers */

/* accent-tekst op donkere vlakken → Arena-lime (leesbaar) */

/* ── informatiepagina's (contact, privacy, disclaimer, forum, redactioneel beleid): gedeelde koppen ── */
html[data-skin="arena"] .sec-h { font-family: var(--arena-serif); font-weight: 400; letter-spacing: -.02em; line-height: 1.05; }
html[data-skin="arena"] .sec-h em, html[data-skin="arena"] .sec-h .accent { font-style: italic; color: var(--arena-moss); }
html[data-skin="arena"] .sec-tag { font-family: var(--arena-font-sans); letter-spacing: .22em; color: var(--arena-moss); }
html[data-skin="arena"] .sec-tag::before { background: var(--arena-brand); width: 2rem; }
html[data-skin="arena"] .sec-sub { color: rgba(42, 49, 44, .88); }

/* ── subsidie-kalender en hybride-vs-elektrisch: donkere Arena-hero via lokale token-omkering ── */
html[data-skin="arena"] .kal-hero.kal-hero,
html[data-skin="arena"] .verg-hero.verg-hero {
  --text: #fff; --text2: rgba(255, 255, 255, .84); --muted: rgba(255, 255, 255, .72); --border: rgba(255, 255, 255, .2); --border2: rgba(255, 255, 255, .3);
  --surface: rgba(255, 255, 255, .08); --bg2: rgba(255, 255, 255, .06); --accent: var(--arena-lime); --accent-dim: rgba(190, 242, 100, .12);
  background: var(--arena-forest); border: 0; color: #fff;
}
html[data-skin="arena"] .kal-hero.kal-hero { padding: 7rem 0 4.5rem; }
html[data-skin="arena"] .verg-hero.verg-hero { padding: 8rem 0 4rem; }
html[data-skin="arena"] .kal-h1.kal-h1, html[data-skin="arena"] .verg-hero.verg-hero h1 { font-family: var(--arena-serif); font-weight: 400; letter-spacing: -.02em; line-height: 1.02; color: #fff; text-wrap: balance; }
html[data-skin="arena"] .kal-h1.kal-h1.kal-h1 em, html[data-skin="arena"] .verg-hero.verg-hero.verg-hero h1 em { font-style: italic; color: var(--arena-lime); }
html[data-skin="arena"] .kal-lede, html[data-skin="arena"] .verg-hero-sub { color: rgba(255, 255, 255, .84); }
html[data-skin="arena"] .kal-crumb a, html[data-skin="arena"] .verg-breadcrumb a { color: rgba(255, 255, 255, .85); }
html[data-skin="arena"] .kal-crumb-curr { color: var(--arena-lime); }
html[data-skin="arena"] .kal-stat-n { font-family: var(--arena-serif); font-weight: 400; letter-spacing: -.02em; }
html[data-skin="arena"] .kal-urgency-title strong, html[data-skin="arena"] .kal-urgency-tag { color: #fcd34d; }

/* ── utilitypagina's (404, bedankt*): Arena-header/footer + typografie, geen extra opmaak ── */
html[data-skin="arena"] .err-title, html[data-skin="arena"] .ty-title { font-family: var(--arena-serif); font-weight: 400; letter-spacing: -.02em; color: var(--arena-ink); }
html[data-skin="arena"] .err-title { font-size: clamp(2rem, 5vw, 3rem); }
html[data-skin="arena"] .ty-title { font-size: clamp(2.2rem, 5vw, 3rem); }
html[data-skin="arena"] .err-code { color: var(--arena-moss); opacity: .14; }
html[data-skin="arena"] .err-sub, html[data-skin="arena"] .ty-sub, html[data-skin="arena"] .ty-step-text span { color: rgba(42, 49, 44, .88); }
html[data-skin="arena"] .err-btn.primary, html[data-skin="arena"] .ty-btns .primary { background: var(--arena-brand); color: var(--arena-ink); border-radius: 9999px; }
html[data-skin="arena"] .err-btn.primary:hover, html[data-skin="arena"] .ty-btns .primary:hover { background: var(--arena-lime); }
html[data-skin="arena"] .err-btn.secondary, html[data-skin="arena"] .err-sug-link, html[data-skin="arena"] .ty-step { background: #fff; border-color: var(--arena-sand); color: var(--arena-ink); }
html[data-skin="arena"] .err-btn.secondary { border-radius: 9999px; }
html[data-skin="arena"] .err-btn:focus-visible, html[data-skin="arena"] .err-sug-link:focus-visible { outline: 2px solid var(--arena-moss); outline-offset: 2px; }
html[data-skin="arena"] .ty-step-nr { background: var(--arena-forest); color: #fff; }
html[data-skin="arena"] .verg-breadcrumb.verg-breadcrumb span { color: rgba(255, 255, 255, .8); opacity: 1; }
html[data-skin="arena"] .kal-hero .sec-tag { color: var(--arena-lime); }
html[data-skin="arena"] .kal-hero .sec-tag::before { background: var(--arena-brand); }

/* contrast-herstel (PR 9): bestaande amber/blauwe/zwarte tekst op lichte of groene vlakken */
html[data-skin="arena"] .disc-callout.disc-callout > strong { color: #92400e; }
html[data-skin="arena"] .btn-new-post.btn-new-post { color: #fff; }
html[data-skin="arena"] .cmp-delta.cmp-down.cmp-down { color: #b45309; }
html[data-skin="arena"] .cmp-delta.cmp-up.cmp-up { color: #166534; }
html[data-skin="arena"] .bc-cta[style*="background:#38bdf8"] { background: #0369a1 !important; }
html[data-skin="arena"] .bc-cta[style*="background:#f59e0b"] { background: #b45309 !important; }
html[data-skin="arena"] :is(.kosten-card, .comp-section, .isde-inner, .isde-card, .besliss-card) [style*="color:#f59e0b"] { color: #b45309 !important; }
html[data-skin="arena"] .isde-card .isde-type.isde-type { color: #b45309; }
html[data-skin="arena"] .err-code { color: #7d8f84; opacity: 1; }
html[data-skin="arena"] .th-hybride, html[data-skin="arena"] .sc-verdict--hybride { color: #b45309 !important; }
html[data-skin="arena"] .th-elektrisch, html[data-skin="arena"] .sc-verdict--elektrisch { color: #0369a1 !important; }

/* ── /bedankt/ (eigen markup: thankyou-*) in Arena-typografie ── */
html[data-skin="arena"] .thankyou-hero { background: var(--arena-paper); }
html[data-skin="arena"] .thankyou-card { background: #fff; border-color: var(--arena-sand); border-radius: 1.75rem; box-shadow: 0 28px 70px -40px rgba(12, 34, 25, .45); }
html[data-skin="arena"] .thankyou-card h1 { font-family: var(--arena-serif); font-weight: 400; letter-spacing: -.02em; line-height: 1.05; font-size: clamp(2.2rem, 5vw, 3rem); color: var(--arena-ink); }
html[data-skin="arena"] .thankyou-card p { color: rgba(42, 49, 44, .9); }
html[data-skin="arena"] .thankyou-card .ty-icon { background: var(--arena-forest); color: var(--arena-lime); box-shadow: none; }
html[data-skin="arena"] .thankyou-card .ty-btn { background: #fff; border-color: var(--arena-sand); color: var(--arena-ink); font-family: var(--arena-font-sans); font-weight: 600; }
html[data-skin="arena"] .thankyou-card .ty-btn:hover { border-color: var(--arena-moss); color: var(--arena-moss); }
html[data-skin="arena"] .thankyou-card .ty-btn[style*="background:var(--accent)"] { background: var(--arena-brand) !important; color: var(--arena-ink) !important; }
html[data-skin="arena"] .thankyou-card .ty-btn:focus-visible { outline: 3px solid var(--arena-moss); outline-offset: 3px; }
html[data-skin="arena"] :is(.kosten-card, .comp-section, .isde-inner, .isde-card, .besliss-card) [style*="color:#38bdf8"] { color: #0369a1 !important; }