/**
 * IT Live — Theme Shared CSS
 * Applied to ALL themes — footer, CTA strips, page-hero, USP overrides.
 * These sections have fixed dark/light backgrounds regardless of theme.
 */

/* ══════════════════════════════════════════════════════════════
   NUCLEAR BUTTON FIX — geldt voor ALLE themes, ALLE prefixes
   Elke knop met gekleurde achtergrond MOET witte tekst hebben.
   ══════════════════════════════════════════════════════════════ */
/* Primary buttons: witte tekst op brand-kleur achtergrond */
.btn-primary,.mc-btn-primary,.cb-btn-primary,.wa-btn-primary,
.nav-cta,.mc-nav-cta,.cb-nav-cta,.wa-nav-cta,
.dienst-cta,.itw-btn--primary,
a.btn-primary,a.mc-btn-primary,a.cb-btn-primary,a.wa-btn-primary,
a.nav-cta,a.itw-btn--primary,
[class*="btn-primary"]{
  color:#fff!important;
}
/* Outline buttons: brand-kleur tekst op transparante achtergrond */
.btn-outline,.mc-btn-ghost,.cb-btn-ghost,.wa-btn-ghost,
.itw-btn--outline,
a.btn-outline,a.itw-btn--outline{
  color:var(--c)!important;
}
/* White buttons op donkere achtergrond: donkere tekst */
.btn-white,.itw-btn--white,
a.btn-white,a.itw-btn--white{
  color:#1e293b!important;
  background:#fff!important;
}

/* ── USP strip: light bg, dark text ──────────────────────── */
.usp-strip{background:var(--cl)!important;color:var(--ink)!important;border-top:1px solid var(--bdr)!important;border-bottom:1px solid var(--bdr)!important}
.usp-strip span,.usp-strip *,.usp-grid *,.usp-text{color:var(--ink)!important}
.usp-strip i{color:var(--c)!important}

/* ── Topbar: light ───────────────────────────────────────── */
.topbar{background:var(--cl)!important;color:var(--ink)!important;border-bottom:1px solid var(--bdr)!important}
.topbar span,.topbar a{color:var(--ink)!important}
.topbar a:hover{color:var(--c)!important}

/* ── CTA strip & bottom: dark gradient, white text ───────── */
.cta-strip,.cta-bottom{background:linear-gradient(135deg,var(--cd),var(--c))!important;color:#fff!important;border-top:none!important}
.cta-strip h2,.cta-strip p,.cta-bottom h2,.cta-bottom p{color:#fff!important}
.cta-strip p,.cta-bottom p{opacity:.88!important}
.cta-strip span,.cta-bottom span{color:rgba(255,255,255,.85)!important}
.cta-bottom .btn,.cta-strip .btn{color:var(--cd)!important;background:#fff!important}
.cta-bottom .btn:hover,.cta-strip .btn:hover{background:var(--cl)!important}
.cta-bottom .btn-outline,.cta-strip .btn-outline,.cta-bottom .btn-outline-white,.cta-strip .btn-outline-white{background:transparent!important;color:#fff!important;border-color:rgba(255,255,255,.4)!important}
.cta-bottom .btn-outline:hover,.cta-strip .btn-outline:hover,.cta-bottom .btn-outline-white:hover,.cta-strip .btn-outline-white:hover{background:rgba(255,255,255,.15)!important}

/* ── Page hero (subpages): dark gradient, white text ─────── */
.page-hero{color:#fff!important}
.page-hero h1,.page-hero p,.page-hero span,.page-hero .breadcrumb,.page-hero .breadcrumb *{color:#fff!important}
.page-hero .badge{background:rgba(255,255,255,.18)!important;color:#fff!important}
.page-hero .btn-white,.page-hero a.btn-white,.hero-about .btn-white,
.itw-hero .itw-btn--white,.itw-hero a.itw-btn--white{background:#fff!important;color:#1e293b!important;border-color:#fff!important}
.page-hero .btn-outline-white,.page-hero a.btn-outline-white,.hero-about .btn-outline-white,
.itw-hero .itw-btn--ghost,.itw-hero a.itw-btn--ghost{background:transparent!important;color:#fff!important;border-color:rgba(255,255,255,.4)!important}
.page-hero .btn-outline-white:hover,.hero-about .btn-outline-white:hover,
.itw-hero .itw-btn--ghost:hover{background:rgba(255,255,255,.15)!important}
.page-hero .btn-primary,.page-hero a.btn-primary,
.itw-hero .itw-btn--primary,.itw-hero a.itw-btn--primary{background:#fff!important;color:#1e293b!important}
.itw-cta .itw-btn--white{background:#fff!important;color:#1e293b!important;border-color:#fff!important}
.itw-cta .itw-btn--ghost{background:transparent!important;color:#fff!important;border-color:rgba(255,255,255,.4)!important}
.itw-cta .itw-btn--ghost:hover{background:rgba(255,255,255,.15)!important}
.page-hero a:not(.btn):not([class*="btn-"]):not([class*="itw-btn"]){color:#fff!important}
.itw-hero a:not([class*="itw-btn"]){color:#fff!important}
.itw-hero h1,.itw-hero p,.itw-hero span,.itw-hero .itw-breadcrumb,.itw-hero .itw-breadcrumb *,.itw-hero .itw-hero-badge{color:#fff!important}
.featured-post{color:#fff!important}
.featured-post h2,.featured-post p,.featured-post span,.featured-post a,.featured-post div{color:#fff!important}
.featured-post .btn,.featured-post .btn-white{color:#1e293b!important;background:#fff!important}

/* ── Footer: ALWAYS dark ─────────────────────────────────── */
footer{background:#0f172a!important;border-top:none!important}
footer,footer p,footer .footer-tagline,footer [class*="footer-tagline"]{color:#94a3b8!important}
footer h4{color:#fff!important}
footer a{color:#94a3b8!important}
footer a:hover{color:#fff!important}
footer li a{color:#94a3b8!important}
footer li a:hover{color:#fff!important}
footer .footer-copy,footer .footer-copy *,footer [class*="footer-copy"],footer [class*="footer-copy"] *{color:#64748b!important}
footer .footer-copy a,footer [class*="footer-copy"] a{color:var(--c)!important}
footer [class*="logo-mark"]{color:#fff!important;background:var(--c)!important}
footer [class*="logo-l1"],footer [class*="logo-text"] span:first-child{color:#94a3b8!important}
footer [class*="logo-l2"],footer [class*="logo-text"] span:last-child{color:#fff!important}
footer img[src*="logo"],footer img[alt*="logo"]{filter:brightness(0) invert(1)!important;opacity:.85!important}
footer .footer-theme-switch{border-top-color:#1e293b!important}
footer .footer-legal{border-top-color:#1e293b!important}
footer .footer-legal a{color:#64748b!important}
footer .footer-legal a:hover{color:#fff!important}
footer .fts-btn{color:#94a3b8!important;background:rgba(255,255,255,.05)!important;border-color:rgba(255,255,255,.1)!important}
footer .fts-btn:hover{color:#fff!important;background:rgba(255,255,255,.1)!important}
footer .fts-label{color:#64748b!important}