/**
 * IT Live — Theme: Medical Clean (Zorg & Welzijn)
 * Clean, trustworthy design with cyan/teal tones and soft blues.
 * Loaded as external stylesheet — replaces inline CSS from theme-switcher.php
 */

/* ── Variables ──────────────────────────────────────────────── */
:root{
  --ink:#0c1e35;--dim:#64748b;--bg:#f0f9ff;--bdr:#e2e8f0
}

/* ── Base ────────────────────────────────────────────────────── */
body{background:#f0f9ff!important;color:#0c1e35!important}
h1,h2,h3,h4,h5,h6{color:#0c1e35!important}
p,li,td,th,label{color:#334155!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:#0c1e35!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:#0c1e35!important}
.sec-sub,.lead{color:#64748b!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 — clean white on soft blue bg ─────────────────────── */
.svc,.blog-card,.dienst-card,.faq-item,.step,.review,.card,
.contact-card,.info-item,.value-card,.sidebar-card,
.about-card,.team-card,.pricing-card,.feature-card,
.related-card,.gallery-card,.testimonial{
  background:#fff!important;color:#0c1e35!important;border-color:#e2e8f0!important
}
.dienst-header,.card-header{background:#f0f9ff!important}

/* ── Card titles ─────────────────────────────────────────────── */
.svc-title,.blog-title,.dienst-title,.faq-q,.card-title,
.product-title,.pd-title,.sidebar-title,.contact-title,
.about-title,.team-name,.pricing-title,.feature-title,
.info-title,.value-title,.related-title,.gallery-title{color:#0c1e35!important}

/* ── Card descriptions ───────────────────────────────────────── */
.svc-desc,.blog-body,.blog-excerpt,.dienst-desc,.dienst-subtitle,.faq-a,.card-desc,
.product-desc,.pd-desc,.sidebar-desc,
.about-desc,.team-role,.pricing-desc,.feature-desc,
.contact-desc,.info-desc,.value-desc,
.related-desc,.gallery-desc,.blog-meta,.blog-date{color:#64748b!important}

/* ── Features ────────────────────────────────────────────────── */
.svc-sub-item,.svc-sub-list span,.svc-sub-list li,
.feature-list li,.check-list li,.spec-table td,
.dienst-features li,.service-features li{color:#64748b!important}

/* ── Steps & reviews ─────────────────────────────────────────── */
.step h4,.review-name,.review-author{color:#0c1e35!important}
.step p,.review-text,.review-loc,.review-date{color:#64748b!important}
.review-stars{color:#f59e0b!important}

/* ── Stats ───────────────────────────────────────────────────── */
.stat-val,.stat-icon,.stat-number{color:#0c1e35!important}
.stat-lbl,.stat-label{color:#64748b!important}
.stats-bar,.stats-section,.stats-grid{background:#e0f2fe!important;border-color:#bae6fd!important}

/* ── USPs ────────────────────────────────────────────────────── */
.usp-text,.usp span{color:#0c1e35!important}

/* ── Nav ─────────────────────────────────────────────────────── */
nav,.main-nav,.site-nav,.navbar,header{background:#fff!important;border-color:#e2e8f0!important}
.nav-links a{color:#334155!important}
.nav-links a:hover,.nav-links a.active{color:var(--c)!important}
.logo-l1{color:#64748b!important}.logo-l2{color:var(--c)!important}

/* ── Forms ───────────────────────────────────────────────────── */
input,textarea,select{background:#fff!important;color:#0c1e35!important;border-color:#e2e8f0!important}
input:focus,textarea:focus,select:focus{border-color:var(--c)!important;box-shadow:0 0 0 3px rgba(8,145,178,.15)!important}
input::placeholder,textarea::placeholder{color:#94a3b8!important}
.form-group label,.form-label{color:#334155!important}
.form-card,.offerte-form,.contact-form{background:#fff!important;border-color:#e2e8f0!important}

/* ── Sidebar ─────────────────────────────────────────────────── */
.sidebar,.sidebar-card,.sidebar-section,.blog-sidebar,
aside{background:#f0f9ff!important;border-color:#e2e8f0!important;color:#334155!important}
.sidebar h3,.sidebar h4,.sidebar-section h3{color:#0c1e35!important}
.sidebar a{color:var(--c)!important}.sidebar a:hover{opacity:.8}

/* ── Blog ────────────────────────────────────────────────────── */
.blog-content,.article-content,.blog-body,.prose{color:#334155!important}
.blog-content h2,.blog-content h3,.article-content h2,.article-content h3{color:#0c1e35!important}
.blog-content a,.article-content a{color:var(--c)!important}
.blog-tag,.blog-category,.tag{background:#e0f2fe!important;color:#0891b2!important;border-color:#bae6fd!important}

/* ── Privacy/voorwaarden ─────────────────────────────────────── */
.legal-content,.privacy-content,.terms-content{color:#334155!important}
.legal-content h2,.legal-content h3,.privacy-content h2,.terms-content h2{color:#0c1e35!important}

/* ── Shop ────────────────────────────────────────────────────── */
.product-card{background:#fff!important;border-color:#e2e8f0!important}
.product-title,.product-name,.pd-title{color:#0c1e35!important}
.product-price,.pd-price{color:var(--c)!important}
.product-desc,.pd-desc{color:#64748b!important}

/* ── Over-ons ────────────────────────────────────────────────── */
.timeline,.timeline-item{border-color:#e2e8f0!important}
.value-card,.team-card{background:#fff!important}
.about-text,.about-content{color:#334155!important}

/* ── Offerte/contact info ────────────────────────────────────── */
.info-block,.contact-info,.contact-details{color:#334155!important}
.info-block h3,.info-block h4,.contact-info h3{color:#0c1e35!important}
.info-block i,.contact-info i{color:var(--c)!important}

/* ── Map ─────────────────────────────────────────────────────── */
.map,.map-placeholder,.map-container{background:#e0f2fe!important;border-color:#bae6fd!important}

/* ── Hover states ────────────────────────────────────────────── */
.svc:hover,.blog-card:hover,.dienst-card:hover,.step:hover,.review:hover,
.related-card:hover,.gallery-card:hover{
  border-color:var(--c)!important;box-shadow:0 8px 32px rgba(8,145,178,.1)!important
}

/* ── Trust badges — green accent for healthcare ──────────────── */
.trust-badge,.certification,.keurmerk{border-color:#16a34a!important}
.trust-badge i,.certification i{color:#16a34a!important}