/* Lichte huisstijl — linnen #F6F0E6, zacht, chic en tijdloos.
   Alles hangt onder html.tws-licht:not(#tws) (telt als ID, wint dus van class-selectors) (gezet door tws-licht.php) en wint met specificiteit + !important
   van de hardcoded donkere kleuren in de Elementor-widgets en de Jupiter X Additional CSS. */
html.tws-licht{
  --l-linnen:#F6F0E6;   /* hoofdkleur */
  --l-ivoor:#FBF8F3;    /* lichtere vlakken, kaarten */
  --l-zand:#EEE5D7;     /* afwisselende band */
  --l-steen:#E3D7C6;    /* lijnen, randen */
  --l-inkt:#2e2216;     /* koppen, knoppen */
  --l-tekst:#55463a;    /* lopende tekst */
  --l-zacht:#857565;    /* bijzaken */
  --l-goud:#a68b4b;     /* accenten in tekst */
  --l-goud-licht:#d2b77a;
}
html.tws-licht:not(#tws) body{background:var(--l-linnen)!important}

/* ===== Header ===== */
html.tws-licht:not(#tws) body .tws-header{background:#F6F0E6!important;border-bottom:1px solid var(--l-steen);box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html.tws-licht:not(#tws) body .tws-header.scrolled{background:#F6F0E6!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:0 2px 24px rgba(46,34,22,.07)!important}
html.tws-licht:not(#tws) body .tws-header .tws-nav-link,
html.tws-licht:not(#tws) body .tws-header .tws-nav a,
html.tws-licht:not(#tws) body .tws-header nav a,
html.tws-licht:not(#tws) body .tws-header .tws-header-icon,
html.tws-licht:not(#tws) body .tws-header .tws-header-icon svg,
html.tws-licht:not(#tws) body .tws-header .tws-logo-title{color:var(--l-inkt)!important;-webkit-text-fill-color:var(--l-inkt)!important}
html.tws-licht:not(#tws) body .tws-header .tws-nav-link:hover,
html.tws-licht:not(#tws) body .tws-header .tws-nav a:hover,
html.tws-licht:not(#tws) body .tws-header .tws-nav-link.active,
html.tws-licht:not(#tws) body .tws-header .tws-header-icon:hover,
html.tws-licht:not(#tws) body .tws-header .tws-header-icon:hover svg,
html.tws-licht:not(#tws) body .tws-header .tws-logo-subtitle{color:var(--l-goud)!important;-webkit-text-fill-color:var(--l-goud)!important}
html.tws-licht:not(#tws) body .tws-header .tws-header-icon:hover{background:rgba(166,139,75,.1)!important}
html.tws-licht:not(#tws) body .tws-menu-toggle span{background-color:var(--l-inkt)!important}
html.tws-licht:not(#tws) body .tws-header .tws-btn-book,
html.tws-licht:not(#tws) body .tws-mobile-nav .tws-btn-book{background-color:var(--l-inkt)!important;color:var(--l-linnen)!important;-webkit-text-fill-color:var(--l-linnen)!important}
html.tws-licht:not(#tws) body .tws-header .tws-btn-book:hover,
html.tws-licht:not(#tws) body .tws-mobile-nav .tws-btn-book:hover{background-color:var(--l-goud)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:none!important}
html.tws-licht:not(#tws) body .tws-header img[src*="TheWaxSepcialist"],
html.tws-licht:not(#tws) body .tws-footer img[src*="TheWaxSepcialist"]{filter:brightness(.72) saturate(1.35)}
/* mobiel menu */
html.tws-licht:not(#tws) body .tws-mobile-nav{background:var(--l-linnen)!important}
html.tws-licht:not(#tws) body .tws-mobile-nav a.tws-mobile-nav-link{color:var(--l-inkt)!important;-webkit-text-fill-color:var(--l-inkt)!important;border-bottom-color:var(--l-steen)!important}
html.tws-licht:not(#tws) body .tws-mobile-nav a.tws-mobile-nav-link:hover,
html.tws-licht:not(#tws) body .tws-mobile-nav a.tws-mobile-nav-link.active{color:var(--l-goud)!important;-webkit-text-fill-color:var(--l-goud)!important}
html.tws-licht:not(#tws) body .tws-mobile-nav-contact{border-top-color:var(--l-steen)!important}
html.tws-licht:not(#tws) body .tws-mobile-nav-contact a{color:var(--l-tekst)!important;-webkit-text-fill-color:var(--l-tekst)!important}
html.tws-licht:not(#tws) body .tws-mobile-nav-contact svg{color:var(--l-goud)!important}

/* ===== Algemeen op de pagina's ===== */
html.tws-licht:not(#tws) body .tws-homepage{--tws-white:#FBF8F3;--tws-cream:#F6F0E6;--tws-gray:#7a6a5c;--tws-gray-light:#EEE5D7;--tws-border:rgba(166,139,75,.3);color:var(--l-inkt)}
html.tws-licht:not(#tws) body .tws-gold-text{color:var(--l-goud)!important;-webkit-text-fill-color:var(--l-goud)!important}
/* knoppen: inkt met linnen tekst, goud bij hover */
html.tws-licht:not(#tws) body a.tws-btn-primary,
html.tws-licht:not(#tws) body a.tws-btn-dark{background-color:var(--l-inkt)!important;border-color:var(--l-inkt)!important;color:var(--l-linnen)!important;-webkit-text-fill-color:var(--l-linnen)!important}
html.tws-licht:not(#tws) body a.tws-btn-primary:hover,
html.tws-licht:not(#tws) body a.tws-btn-dark:hover{background-color:var(--l-goud)!important;border-color:var(--l-goud)!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
html.tws-licht:not(#tws) body a.tws-btn-outline{color:var(--l-inkt)!important;-webkit-text-fill-color:var(--l-inkt)!important;border-color:rgba(46,34,22,.35)!important;background-color:transparent!important}
html.tws-licht:not(#tws) body a.tws-btn-outline:hover{background-color:var(--l-inkt)!important;border-color:var(--l-inkt)!important;color:var(--l-linnen)!important;-webkit-text-fill-color:var(--l-linnen)!important}

/* ===== Hero ===== */
html.tws-licht:not(#tws) body .tws-hero{background:linear-gradient(160deg,#F8F3EB 0%,#F1E8DA 100%)!important}
html.tws-licht:not(#tws) body .tws-hero::before{opacity:.6}
html.tws-licht:not(#tws) body .tws-hero h1{color:var(--l-inkt)!important;-webkit-text-fill-color:var(--l-inkt)!important}
html.tws-licht:not(#tws) body .tws-hero h1 span{color:var(--l-goud)!important;-webkit-text-fill-color:var(--l-goud)!important}
html.tws-licht:not(#tws) body .tws-hero p{color:var(--l-tekst)!important;-webkit-text-fill-color:var(--l-tekst)!important}
html.tws-licht:not(#tws) body .tws-hero .tws-hero-badge{background:rgba(255,255,255,.55)!important;border-color:rgba(166,139,75,.35)!important;color:var(--l-goud)!important;-webkit-text-fill-color:var(--l-goud)!important}
html.tws-licht:not(#tws) body .tws-hero-features{border-top-color:var(--l-steen)!important}
html.tws-licht:not(#tws) body .tws-hero .tws-hero-feature,
html.tws-licht:not(#tws) body .tws-hero .tws-hero-feature span{color:var(--l-tekst)!important;-webkit-text-fill-color:var(--l-tekst)!important}
html.tws-licht:not(#tws) body .tws-hero .tws-hero-feature svg{color:var(--l-goud)!important}

/* ===== Lichte secties iets warmer ===== */
html.tws-licht:not(#tws) body .tws-usp-bar,
html.tws-licht:not(#tws) body .tws-combi-section,
html.tws-licht:not(#tws) body .tws-cta{background:var(--l-ivoor)!important}
html.tws-licht:not(#tws) body .tws-intro,
html.tws-licht:not(#tws) body .tws-tips,
html.tws-licht:not(#tws) body .tws-location{background:var(--l-linnen)!important}
html.tws-licht:not(#tws) body .tws-tips-card,
html.tws-licht:not(#tws) body .tws-address,
html.tws-licht:not(#tws) body .tws-location-map{background:var(--l-ivoor)!important}

/* ===== Behandelingen & prijzen ===== */
html.tws-licht:not(#tws) body .tws-services{background:var(--l-zand)!important}
html.tws-licht:not(#tws) body .tws-services::before{filter:brightness(.6);opacity:.9}
html.tws-licht:not(#tws) body .tws-services h2{color:var(--l-inkt)!important;-webkit-text-fill-color:var(--l-inkt)!important}
html.tws-licht:not(#tws) body .tws-services h2 span{color:var(--l-goud)!important;-webkit-text-fill-color:var(--l-goud)!important}
html.tws-licht:not(#tws) body .tws-services .tws-services-header p{color:var(--l-tekst)!important;-webkit-text-fill-color:var(--l-tekst)!important}
html.tws-licht:not(#tws) body .tws-service-card{background:var(--l-ivoor)!important;box-shadow:0 1px 0 var(--l-steen)}
html.tws-licht:not(#tws) body .tws-service-card p{color:var(--l-zacht)!important;-webkit-text-fill-color:var(--l-zacht)!important}

/* ===== Brow-band (tws-resultaten) ===== */
html.tws-licht:not(#tws) body .tws-res{background:var(--l-linnen)!important;border-bottom-color:var(--l-steen)!important}
html.tws-licht:not(#tws) body .tws-res::before{filter:brightness(.6)}
html.tws-licht:not(#tws) body .tws-res-eyebrow{color:var(--l-goud)!important;-webkit-text-fill-color:var(--l-goud)!important}
html.tws-licht:not(#tws) body .tws-res-eyebrow::before{background:var(--l-goud)!important}
html.tws-licht:not(#tws) body .tws-res-titel{color:var(--l-inkt)!important;-webkit-text-fill-color:var(--l-inkt)!important}
html.tws-licht:not(#tws) body .tws-res-titel em{color:var(--l-goud)!important;-webkit-text-fill-color:var(--l-goud)!important}
html.tws-licht:not(#tws) body .tws-res-tekst{color:var(--l-tekst)!important;-webkit-text-fill-color:var(--l-tekst)!important}
html.tws-licht:not(#tws) body .tws-res-prijzen li{color:var(--l-inkt)!important;border-bottom-color:var(--l-steen)!important}
html.tws-licht:not(#tws) body .tws-res-prijzen b{color:var(--l-inkt)!important}
html.tws-licht:not(#tws) body .tws-res-knop{background:var(--l-inkt)!important;color:var(--l-linnen)!important;-webkit-text-fill-color:var(--l-linnen)!important}
html.tws-licht:not(#tws) body .tws-res-knop:hover{background:var(--l-goud)!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
html.tws-licht:not(#tws) body .tws-res-foto{background:var(--l-steen)!important}
html.tws-licht:not(#tws) body .tws-res-meer{border-color:rgba(46,34,22,.22)!important;color:var(--l-inkt)!important;-webkit-text-fill-color:var(--l-inkt)!important}
html.tws-licht:not(#tws) body .tws-res-meer:hover{background:rgba(255,255,255,.5)!important;border-color:var(--l-goud)!important}
html.tws-licht:not(#tws) body .tws-res-meer i{color:var(--l-goud)!important}
html.tws-licht:not(#tws) body .tws-res-noot{color:var(--l-zacht)!important;-webkit-text-fill-color:var(--l-zacht)!important}

/* ===== Waarom wij ===== */
html.tws-licht:not(#tws) body .tws-why-us{background:var(--l-zand)!important}
html.tws-licht:not(#tws) body .tws-why-us h2{color:var(--l-inkt)!important;-webkit-text-fill-color:var(--l-inkt)!important}
html.tws-licht:not(#tws) body .tws-why-us h2 span{color:var(--l-goud)!important;-webkit-text-fill-color:var(--l-goud)!important}
html.tws-licht:not(#tws) body .tws-why-us p{color:var(--l-tekst)!important;-webkit-text-fill-color:var(--l-tekst)!important}
html.tws-licht:not(#tws) body .tws-why-card{background:rgba(251,248,243,.7)!important;border-color:rgba(166,139,75,.25)!important}
html.tws-licht:not(#tws) body .tws-why-card:hover{background:var(--l-ivoor)!important;border-color:var(--l-goud)!important}
html.tws-licht:not(#tws) body .tws-why-card h4{color:var(--l-inkt)!important;-webkit-text-fill-color:var(--l-inkt)!important}
html.tws-licht:not(#tws) body .tws-why-card p{color:var(--l-zacht)!important;-webkit-text-fill-color:var(--l-zacht)!important}
html.tws-licht:not(#tws) body .tws-why-icon{background:rgba(166,139,75,.12)!important;color:var(--l-goud)!important}

/* ===== Footer ===== */
html.tws-licht:not(#tws) body .tws-footer{--tws-white:#2e2216;--tws-gray:#7a6a5c;--tws-border:rgba(46,34,22,.12);--tws-gold:#a68b4b;background:#EAE0D0!important;color:var(--l-inkt)!important}
html.tws-licht:not(#tws) body .tws-footer p,
html.tws-licht:not(#tws) body .tws-footer li,
html.tws-licht:not(#tws) body .tws-footer span:not(.tws-footer-logo-subtitle){color:var(--l-tekst)!important;-webkit-text-fill-color:var(--l-tekst)!important}
html.tws-licht:not(#tws) body .tws-footer a{color:var(--l-tekst)!important;-webkit-text-fill-color:var(--l-tekst)!important}
html.tws-licht:not(#tws) body .tws-footer a:hover{color:var(--l-goud)!important;-webkit-text-fill-color:var(--l-goud)!important}
html.tws-licht:not(#tws) body .tws-footer .tws-footer-logo-title,
html.tws-licht:not(#tws) body .tws-footer .tws-footer-hours-time{color:var(--l-inkt)!important;-webkit-text-fill-color:var(--l-inkt)!important}
html.tws-licht:not(#tws) body .tws-footer .tws-footer-logo-subtitle,
html.tws-licht:not(#tws) body .tws-footer h4{color:var(--l-goud)!important;-webkit-text-fill-color:var(--l-goud)!important}
html.tws-licht:not(#tws) body .tws-footer-social a,
html.tws-licht:not(#tws) body .tws-footer-rating{background:rgba(255,255,255,.45)!important;border-color:rgba(46,34,22,.12)!important}
html.tws-licht:not(#tws) body .tws-footer svg{color:var(--l-goud)}
html.tws-licht:not(#tws) body .tws-footer-bottom{border-top:1px solid rgba(46,34,22,.1)}

/* ===== Overige pagina's: hero's ===== */
html.tws-licht:not(#tws) body .tws-about-hero,
html.tws-licht:not(#tws) body .tws-contact-hero,
html.tws-licht:not(#tws) body .tws-landing-hero{background:linear-gradient(160deg,#F8F3EB 0%,#F1E8DA 100%)!important}
/* ===== Overige pagina's: donkere banden worden zand ===== */
html.tws-licht:not(#tws) body .tws-values-section,
html.tws-licht:not(#tws) body .tws-why-section,
html.tws-licht:not(#tws) body .tws-faq-section,
html.tws-licht:not(#tws) body .tws-uitleg,
html.tws-licht:not(#tws) body .tws-cta-section{background:var(--l-zand)!important}
html.tws-licht:not(#tws) body :is(.tws-about-hero,.tws-contact-hero,.tws-landing-hero,.tws-values-section,.tws-why-section,.tws-faq-section,.tws-uitleg,.tws-cta-section)::before{filter:brightness(.6)}
html.tws-licht:not(#tws) body :is(.tws-about-hero,.tws-contact-hero,.tws-landing-hero,.tws-values-section,.tws-why-section,.tws-faq-section,.tws-uitleg,.tws-cta-section) *{color:var(--l-tekst)!important;-webkit-text-fill-color:var(--l-tekst)!important;border-color:rgba(46,34,22,.12)!important}
html.tws-licht:not(#tws) body :is(.tws-about-hero,.tws-contact-hero,.tws-landing-hero,.tws-values-section,.tws-why-section,.tws-faq-section,.tws-uitleg,.tws-cta-section) :is(h1,h2,h3,h4,h5,strong,b,summary,button){color:var(--l-inkt)!important;-webkit-text-fill-color:var(--l-inkt)!important}
html.tws-licht:not(#tws) body :is(.tws-about-hero,.tws-contact-hero,.tws-landing-hero,.tws-values-section,.tws-why-section,.tws-faq-section,.tws-uitleg,.tws-cta-section) :is(.tws-gold-text,h1 span,h2 span,[class*="badge"],[class*="eyebrow"],[class*="label"],svg,svg *){color:var(--l-goud)!important;-webkit-text-fill-color:var(--l-goud)!important}
html.tws-licht:not(#tws) body :is(.tws-about-hero,.tws-contact-hero,.tws-landing-hero,.tws-values-section,.tws-why-section,.tws-faq-section,.tws-uitleg,.tws-cta-section) :is([class*="card"],[class*="item"],[class*="badge"]){background-color:rgba(251,248,243,.7)!important}
/* knoppen in die banden (hogere specificiteit dan de * hierboven) */
html.tws-licht:not(#tws) body :is(.tws-about-hero,.tws-contact-hero,.tws-landing-hero,.tws-values-section,.tws-why-section,.tws-faq-section,.tws-uitleg,.tws-cta-section) a.tws-btn:is(.tws-btn-primary,.tws-btn-dark),
html.tws-licht:not(#tws) body :is(.tws-about-hero,.tws-contact-hero,.tws-landing-hero,.tws-values-section,.tws-why-section,.tws-faq-section,.tws-uitleg,.tws-cta-section) a.tws-btn:is(.tws-btn-primary,.tws-btn-dark) *{color:var(--l-linnen)!important;-webkit-text-fill-color:var(--l-linnen)!important}
html.tws-licht:not(#tws) body :is(.tws-about-hero,.tws-contact-hero,.tws-landing-hero,.tws-values-section,.tws-why-section,.tws-faq-section,.tws-uitleg,.tws-cta-section) a.tws-btn:is(.tws-btn-primary,.tws-btn-dark):hover,
html.tws-licht:not(#tws) body :is(.tws-about-hero,.tws-contact-hero,.tws-landing-hero,.tws-values-section,.tws-why-section,.tws-faq-section,.tws-uitleg,.tws-cta-section) a.tws-btn:is(.tws-btn-primary,.tws-btn-dark):hover *{color:#fff!important;-webkit-text-fill-color:#fff!important}
html.tws-licht:not(#tws) body :is(.tws-about-hero,.tws-contact-hero,.tws-landing-hero,.tws-values-section,.tws-why-section,.tws-faq-section,.tws-uitleg,.tws-cta-section) a.tws-btn.tws-btn-outline,
html.tws-licht:not(#tws) body :is(.tws-about-hero,.tws-contact-hero,.tws-landing-hero,.tws-values-section,.tws-why-section,.tws-faq-section,.tws-uitleg,.tws-cta-section) a.tws-btn.tws-btn-outline *{color:var(--l-inkt)!important;-webkit-text-fill-color:var(--l-inkt)!important;border-color:rgba(46,34,22,.35)!important}
html.tws-licht:not(#tws) body :is(.tws-about-hero,.tws-contact-hero,.tws-landing-hero,.tws-values-section,.tws-why-section,.tws-faq-section,.tws-uitleg,.tws-cta-section) a.tws-btn.tws-btn-outline:hover,
html.tws-licht:not(#tws) body :is(.tws-about-hero,.tws-contact-hero,.tws-landing-hero,.tws-values-section,.tws-why-section,.tws-faq-section,.tws-uitleg,.tws-cta-section) a.tws-btn.tws-btn-outline:hover *{color:var(--l-linnen)!important;-webkit-text-fill-color:var(--l-linnen)!important}
/* tabelkop op de wenkbrauwenpagina */
html.tws-licht:not(#tws) body table thead th{background:var(--l-steen)!important;color:var(--l-inkt)!important;-webkit-text-fill-color:var(--l-inkt)!important}
html.tws-licht:not(#tws) body table tbody th{background:var(--l-ivoor)!important}
html.tws-licht:not(#tws) body .tws-footer{border-top:1px solid var(--l-steen)}