/**
 * IT Live — Theme: Classic Business (Klassiek Zakelijk)
 * Professional, conservative design with navy tones and serif accents.
 * Loaded as external stylesheet — replaces inline CSS from theme-switcher.php
 */

/* ── Variables ──────────────────────────────────────────────── */
:root{
  --ink:#1a1a2e;--dim:#5a5a72;--bg:#f9fafb;--bdr:#e5e5eb
}

/* ── Base ────────────────────────────────────────────────────── */
body{background:var(--bg)!important;color:#1a1a2e!important}
h1,h2,h3,h4,h5,h6{color:#1a1a2e!important}
p,li,td,th,label{color:#3d3d56!important}
a{color:var(--c)!important}

/* ── Buttons ─────────────────────────────────────────────────── */
.btn-primary,.nav-cta,.dienst-cta,
.btn-cb-primary,.mc-btn-primary,.wa-btn-primary,
a.btn-primary,a.nav-cta,a.dienst-cta,
a[class*="btn-primary"],a[class*="-cta"]:not(.svc-link):not(.cb-nav-cta):not(.mc-nav-cta):not(.wa-nav-cta){color:#fff!important}
.cb-nav-cta,.mc-nav-cta,.wa-nav-cta{color:var(--c)!important;background:transparent!important;border-color:var(--c)!important}
.cb-nav-cta:hover,.mc-nav-cta:hover,.wa-nav-cta:hover{background:var(--c)!important;color:#fff!important}
.btn-white,a.btn-white{color:#1a1a2e!important;background:#fff!important}
.btn-outline,a.btn-outline{color:var(--c)!important;border-color:var(--c)!important;background:transparent!important}
.btn-outline:hover,a.btn-outline:hover{background:var(--c)!important;color:#fff!important}
.blog-link,a.blog-link{color:var(--c)!important}

/* ── Hero ────────────────────────────────────────────────────── */
.sec-title,.sec-badge{color:#1a1a2e!important}
.sec-sub,.lead{color:#5a5a72!important}
.hero h1 em{color:var(--cl,#d1fae5)!important;-webkit-text-fill-color:var(--cl,#d1fae5)!important;text-shadow:0 0 20px rgba(var(--c-rgb,0,0,0),.4)}

/* ── Cards — subtle warm-grey bg ─────────────────────────────── */
.svc,.blog-card,.dienst-card,.faq-item,.step,.review,.card,
.contact-card,.info-item,.value-card,.sidebar-card{background:#fff!important;color:#1a1a2e!important;border-color:#e5e5eb!important}
.dienst-header,.card-header{background:#f4f4f6!important}

/* ── Card titles ─────────────────────────────────────────────── */
.svc-title,.blog-title,.dienst-title,.faq-q,.card-title,
.product-title,.pd-title,.sidebar-title,.contact-title{color:#1a1a2e!important}

/* ── Card descriptions ───────────────────────────────────────── */
.svc-desc,.blog-body,.blog-excerpt,.dienst-desc,.dienst-subtitle,.faq-a,.card-desc,
.product-desc,.pd-desc,.sidebar-desc{color:#5a5a72!important}

/* ── Features ────────────────────────────────────────────────── */
.svc-sub-item,.svc-sub-list span,.feature-list li,.spec-table td{color:#5a5a72!important}

/* ── Steps & reviews ─────────────────────────────────────────── */
.step h4,.review-name,.review-author{color:#1a1a2e!important}
.step p,.review-text,.review-loc{color:#5a5a72!important}
.stat-val{color:#1a1a2e!important}.stat-lbl{color:#5a5a72!important}

/* ── Nav ─────────────────────────────────────────────────────── */
.nav-links a{color:#3d3d56!important}
.nav-links a:hover,.nav-links a.active{color:var(--c)!important}
.logo-l1{color:#5a5a72!important}.logo-l2{color:var(--c)!important}

/* ── Forms ───────────────────────────────────────────────────── */
input,textarea,select{background:#fff!important;color:#1a1a2e!important;border-color:#e5e5eb!important}
input:focus,textarea:focus,select:focus{border-color:var(--c)!important;box-shadow:0 0 0 3px rgba(var(--c-rgb,37,99,235),.15)!important}
input::placeholder,textarea::placeholder{color:#94a3b8!important}
.form-card,.offerte-form,.contact-form{background:#fff!important;border-color:#e5e5eb!important}

/* ── Sidebar ─────────────────────────────────────────────────── */
.sidebar,.sidebar-card,.sidebar-section,.blog-sidebar,
aside{background:#f9fafb!important;border-color:#e5e5eb!important;color:#3d3d56!important}
.sidebar h3,.sidebar h4,.sidebar-section h3{color:#1a1a2e!important}
.sidebar a{color:var(--c)!important}.sidebar a:hover{opacity:.8}

/* ── Blog ────────────────────────────────────────────────────── */
.blog-content,.article-content,.blog-body,.prose{color:#3d3d56!important}
.blog-content h2,.blog-content h3,.article-content h2,.article-content h3{color:#1a1a2e!important}
.blog-tag,.blog-category,.tag{background:#f4f4f6!important;color:#5a5a72!important;border-color:#e5e5eb!important}

/* ── Shop ────────────────────────────────────────────────────── */
.product-card{background:#fff!important;border-color:#e5e5eb!important}
.product-price,.pd-price{color:var(--c)!important}
