/**
 * IT Live — Theme: Warm Artisan (Warm Ambacht)
 * Warm, earthy tones with cream backgrounds and amber/brown accents.
 * Loaded as external stylesheet — replaces inline CSS from theme-switcher.php
 *
 * KEY FIX: This theme uses warm cream backgrounds (#faf7f2, #f5efe6)
 * so ALL text must be dark brown (#2c1810) — never white/light.
 */

/* ── Variables ──────────────────────────────────────────────── */
:root{
  --ink:#2c1810;--dim:#6b5548;--bg:#faf7f2;--bdr:#e0d5c7;
  --cl:var(--cl,#f5efe6)
}

/* ── Base ────────────────────────────────────────────────────── */
body{background:#faf7f2!important;color:#2c1810!important}
h1,h2,h3,h4,h5,h6{color:#2c1810!important}
p,li,td,th,label{color:#4a3728!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:#2c1810!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 — DARK overlay, so text is white here ──────────────── */
.sec-title,.sec-badge{color:#2c1810!important}
.sec-sub,.lead{color:#6b5548!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)}
/* Section titles on cream bg: dark brown */
.sec-title,.sec-badge,.section-badge{color:#2c1810!important}
.sec-sub,.lead{color:#6b5548!important}

/* ── Cards — warm cream/white 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:#2c1810!important;border-color:#e0d5c7!important
}
.dienst-header,.card-header{background:#f5efe6!important}

/* ── Card titles — always dark brown ─────────────────────────── */
.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:#2c1810!important}

/* ── Card descriptions — warm mid-brown ──────────────────────── */
.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:#6b5548!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:#6b5548!important}

/* ── Steps & reviews ─────────────────────────────────────────── */
.step h4,.review-name,.review-author{color:#2c1810!important}
.step p,.review-text,.review-loc,.review-date{color:#6b5548!important}
.review-stars{color:#d4a853!important}

/* ── Stats ───────────────────────────────────────────────────── */
.stat-val,.stat-icon,.stat-number{color:#2c1810!important}
.stat-lbl,.stat-label{color:#6b5548!important}
.stats-bar,.stats-section,.stats-grid{background:#f5efe6!important;border-color:#e0d5c7!important}

/* ── USPs — on cream bg: dark text ───────────────────────────── */
.usp-text,.usp span{color:#2c1810!important}

/* ── Nav ─────────────────────────────────────────────────────── */
nav,.main-nav,.site-nav,.navbar,header{background:#faf7f2!important;border-color:#e0d5c7!important}
.nav-links a{color:#4a3728!important}
.nav-links a:hover,.nav-links a.active{color:var(--c)!important}
.logo-l1{color:#6b5548!important}.logo-l2{color:var(--c)!important}

/* ── Forms ───────────────────────────────────────────────────── */
input,textarea,select{background:#fff!important;color:#2c1810!important;border-color:#e0d5c7!important}
input:focus,textarea:focus,select:focus{border-color:var(--c)!important;box-shadow:0 0 0 3px rgba(180,83,9,.15)!important}
input::placeholder,textarea::placeholder{color:#a89080!important}
.form-group label,.form-label{color:#4a3728!important}
.form-card,.offerte-form,.contact-form{background:#fff!important;border-color:#e0d5c7!important}

/* ── Sidebar ─────────────────────────────────────────────────── */
.sidebar,.sidebar-card,.sidebar-section,.blog-sidebar,
aside{background:#f5efe6!important;border-color:#e0d5c7!important;color:#4a3728!important}
.sidebar h3,.sidebar h4,.sidebar-section h3{color:#2c1810!important}
.sidebar a{color:var(--c)!important}.sidebar a:hover{opacity:.8}

/* ── Blog ────────────────────────────────────────────────────── */
.blog-content,.article-content,.blog-body,.prose{color:#4a3728!important}
.blog-content h2,.blog-content h3,.article-content h2,.article-content h3{color:#2c1810!important}
.blog-content a,.article-content a{color:var(--c)!important}
.blog-tag,.blog-category,.tag{background:#f5efe6!important;color:#6b5548!important;border-color:#e0d5c7!important}

/* ── Privacy/voorwaarden ─────────────────────────────────────── */
.legal-content,.privacy-content,.terms-content{color:#4a3728!important}
.legal-content h2,.legal-content h3,.privacy-content h2,.terms-content h2{color:#2c1810!important}

/* ── Shop ────────────────────────────────────────────────────── */
.product-card{background:#fff!important;border-color:#e0d5c7!important}
.product-title,.product-name,.pd-title{color:#2c1810!important}
.product-price,.pd-price{color:var(--c)!important}
.product-desc,.pd-desc{color:#6b5548!important}

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

/* ── Offerte/contact info ────────────────────────────────────── */
.info-block,.contact-info,.contact-details{color:#4a3728!important}
.info-block h3,.info-block h4,.contact-info h3{color:#2c1810!important}
.info-block i,.contact-info i{color:var(--c)!important}

/* ── Map ─────────────────────────────────────────────────────── */
.map,.map-placeholder,.map-container{background:#f5efe6!important;border-color:#e0d5c7!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(44,24,16,.1)!important
}