/* ==========================================================================
   gids-d.css — 28/10/2026 Vorm & Site. Design D (warm & donker van C, tekststijl van B)
   voor de losse brochures, /gidsen/brochure, de klantgids vastgoed NL/EN/FR, /guides-en/ en
   /guides-fr/ en de locatiegids NL/EN/FR. Alleen opmaak: geen tekst, foto's, links of CTA's anders.
   Tekst staat altijd op warm zwart (#1c1713) of op een warm-zwart tekstvlak (#120f0c); geen
   lichte of witte vlakken achter tekst. Header, menu-overlay en formulierpoort houden hun eigen kleuren.
   ========================================================================== */
:root{
 --d-bg:#1c1713;--d-vlak:#120f0c;--d-vlak2:#231d18;--d-room:#EFE7D8;--d-tekst:#e9e0d0;--d-zacht:#cfc3b1;
 --d-brons:#C9A27E;--d-brons2:#dcbb98;--d-lijn:rgba(201,162,126,.32);--d-lijn2:rgba(239,231,216,.16);
 --ivory:#1c1713!important;--ivory-2:#1c1713!important;--bg:#1c1713!important;--bg-2:#1c1713!important;--bg-warm:#1c1713!important;
 --sand:#1c1713!important;--cream:#1c1713!important;--pill:#231d18!important;--tan:#120f0c!important;--bg-deep:#120f0c!important;
 --ink:#EFE7D8!important;--text:#EFE7D8!important;--charcoal:#EFE7D8!important;
 --muted:#cfc3b1!important;--mute:#cfc3b1!important;--ink-soft:#cfc3b1!important;--ink-mute:#cfc3b1!important;
 --gold:#C9A27E!important;--olive:#C9A27E!important;--olive-dk:#dcbb98!important;--brand-blue:#C9A27E!important;--brand-blue-dk:#dcbb98!important;
 --accent-blue:#C9A27E!important;--burgundy:#C9A27E!important;--btn:#C9A27E!important;--btn-dk:#dcbb98!important;--copper:#C9A27E!important;
 --border:rgba(201,162,126,.32)!important;--rule:rgba(201,162,126,.32)!important;--line:rgba(201,162,126,.32)!important;--hairline:rgba(201,162,126,.32)!important;
 --num:#a88b6e!important;--brand-blue-soft:rgba(201,162,126,.22)!important;--gb-lees:34rem;
}
/* menupil (sd-menu5) en poort: oorspronkelijke (lichte) kleuren behouden, zoals op de klantgids familie */
.gids-gate,.sd-ov-menu,.sd-kop,.sd-paneel{
 --ivory:#BFB8AA;--ivory-2:#BFB8AA;--bg:#BFB8AA;--bg-2:#BFB8AA;--sand:#BFB8AA;--pill:#BFB8AA;--tan:#D4C9B0;
 --ink:#0C0D0A;--text:#0C0D0A;--muted:#5f5650;--mute:#5f5650;--ink-soft:#5f5650;--ink-mute:#5f5650;
 --gold:#0C0D0A;--olive:#0C0D0A;--olive-dk:#0C0D0A;--brand-blue:#0C0D0A;--brand-blue-dk:#0C0D0A;--btn:#0C0D0A;
 --border:rgba(60,60,60,.55);--rule:#3C3C3C;--line:rgba(52,41,42,.18);--hairline:rgba(52,41,42,.18)}

html,html body,html body main{background-color:var(--d-bg)!important;color:var(--d-room)}
html body{-webkit-font-smoothing:antialiased}
/* lopende tekst: room op donker */
html body :where(p,li,span,h1,h2,h3,h4,h5,h6,label,figcaption,small,strong,em,b,i,dd,dt,td,th,cite,blockquote,div,summary,legend):where(:not(#sd-br-root *,.gids-gate *,.sd-ov-menu *,.sd-kop *,.sd-paneel *,[class*=chat] *,[id*=chat] *,[class*=cookie] *,[id*=cookie] *,a *,button *,.btn *)){color:var(--d-tekst)!important}
html body :where(h1,h2,h3,h4,h5,h6,strong,b,dt,th):where(:not(#sd-br-root *,.gids-gate *,.sd-ov-menu *,.sd-kop *,.sd-paneel *,a *,button *)){color:var(--d-room)!important}
/* gewone tekstlinks: brons */
html body a:where(:not([class]),.br-inhoud a,.gf-link):where(:not(#sd-br-root *,.gids-gate *,.sd-ov-menu *,.sd-kop *,.sd-paneel *,.sd-voetinfo *,[class*=chat] *)){color:var(--d-brons)!important}
html body a:where(:not([class])) *{color:inherit!important}

/* ---------- tekststijl van B (minimal editorial) ---------- */
html body .section-title,html body .br-hoofdstuk-kop h2,html body .br-slot h2{font-family:var(--font-d,'Cormorant Garamond',serif)!important;font-style:normal!important;font-weight:300!important;letter-spacing:.03em!important;font-size:clamp(1.9rem,3.4vw,2.5rem)!important;line-height:1.15!important;text-align:center;color:var(--d-room)!important}
html body .section-title::after{content:"";display:block;width:1px;height:36px;background:var(--d-lijn);margin:1.5rem auto 0}
html body .section-intro,html body .br-hoofdstuk-kop .br-sub{color:var(--d-zacht)!important}
html body .section-intro.br-tussenkop,html body .section-intro:not(.br-tussenkop){font-family:var(--font-sc,Inter,sans-serif);font-style:normal;font-size:.6rem;letter-spacing:.3em;text-transform:uppercase}
html body .page-title-sub,html body .br-merkje,html body .br-cover-sub,html body .br-soort,html body .gate-label,html body .label,html body .kicker,html body .lbl,html body .timeline-time,html body .location-type{letter-spacing:.3em!important}
html body .br-merkje,html body .page-title-sub,html body .kicker,html body .lbl,html body .label:not(.light){color:var(--d-brons)!important;font-size:.6rem!important}
html body .br-hero-panel h1,html body .br-cover h1,html body .page-title-h1{font-family:var(--font-d,'Cormorant Garamond',serif)!important;font-style:normal!important;font-weight:300!important;letter-spacing:.04em!important;font-size:clamp(2.4rem,4.6vw,3.6rem)!important;line-height:1.08!important;color:var(--d-room)!important;text-shadow:none!important}
html body .br-hero-panel .br-cover-sub,html body .br-cover .br-cover-sub{color:var(--d-brons)!important;font-size:.6rem!important}
html body .br-hero-panel .br-cover-tekst,html body .br-cover .br-cover-tekst{font-size:clamp(1.02rem,1.4vw,1.12rem)!important;line-height:1.8!important;opacity:1!important;font-weight:400!important;max-width:34ch}
html body .br-soort{color:var(--d-room)!important;border-color:var(--d-lijn)!important;background:transparent!important}
/* tussenkoppen in kleine kapitalen, inhoud in een smalle leeskolom */
html body .accordion-header,html body .accordion-header span:first-child{font-family:var(--font-sc,Inter,sans-serif)!important;font-size:.68rem!important;font-weight:600!important;letter-spacing:.26em!important;text-transform:uppercase!important;font-style:normal!important;color:var(--d-room)!important}
html body .accordion-header{background:transparent!important;border-color:var(--d-lijn)!important}
html body .accordion-header.active{background:transparent!important;color:var(--d-room)!important}
html body .accordion-inner,html body .accordion-content{background:transparent!important}
html body .accordion-inner p,html body .accordion-inner li,html body .br-tekst p,html body .tip-card p,html body .tip-box p,html body .room-card li,html body .timeline-desc{font-size:.98rem!important;line-height:1.9!important;font-weight:400!important}
html body :is(.br-hoofdstuk,.gids-inhoud,[data-gids-slot]) .section>:is(.accordion,.section-intro,p,.br-tekst){max-width:var(--gb-lees);margin-left:auto;margin-right:auto}
html body .tip-card h4,html body .tip-box h4,html body .room-card h4,html body .info-card h4,html body .season-card h4,html body .step-card h4,html body .idea-content h4,html body .timeline-title{font-family:var(--font-d,'Cormorant Garamond',serif)!important;font-style:italic!important;font-weight:400!important;font-size:1.2rem!important;letter-spacing:.01em!important;text-transform:none!important;color:var(--d-room)!important}
html body .tip-card,html body .tip-box,html body .highlight-box,html body .room-card,html body .info-card,html body .season-card,html body .step-card,html body .use-card{background:transparent!important;border:0!important;border-top:1px solid var(--d-lijn)!important;border-radius:0!important;box-shadow:none!important}
html body .quote{background:transparent!important;border:0!important;padding:1rem 0!important;margin:3.4rem auto!important;max-width:28ch}
html body .quote::before{content:"";display:block;width:1px;height:40px;background:var(--d-lijn);margin:0 auto 1.6rem}
html body .quote p{font-size:clamp(1.25rem,2.1vw,1.55rem)!important;line-height:1.5!important;font-weight:400!important;color:var(--d-room)!important}
html body .quote cite,html body .color-name{color:var(--d-zacht)!important}
html body .accordion-inner ul>li::before,html body .tip-card ul>li::before{background:var(--d-brons)!important}
html body .check-icon{background:none!important;border:1px solid var(--d-brons)!important;color:var(--d-brons)!important}
html body .color-swatch{box-shadow:0 0 0 1px rgba(239,231,216,.18)}

/* ---------- losse brochures ---------- */
/* balk bovenaan: warm zwart */
html body .br-balk{background:rgba(28,23,19,.96)!important;border-bottom:1px solid var(--d-lijn)!important}
html body .br-balk-merk{color:var(--d-room)!important}
html body .br-knop{color:var(--d-room)!important;border-color:rgba(239,231,216,.45)!important;background:transparent!important}
html body .br-knop:hover{border-color:var(--d-brons)!important;color:var(--d-brons)!important}
html body .br-knop.vol{background:var(--d-brons)!important;border-color:var(--d-brons)!important;color:#1c1713!important}
/* grote foto met tekst ernaast: de tekst staat op een warm-zwart tekstvlak */
html body .br-cover,html body .br-hero-split{background:var(--d-vlak)!important;border-bottom:1px solid var(--d-lijn)}
html body .br-hero-photo{background:var(--d-vlak)!important;border-right:0!important}
html body .br-hero-photo img{filter:saturate(.8) contrast(1.07) sepia(.14) brightness(.96)}
html body .br-hero-panel{background:var(--d-vlak)!important;color:var(--d-room)!important}
html body .br-hero-panel .br-merkje{opacity:1!important}
html body .br-slot{background:var(--d-vlak)!important;border-top:1px solid var(--d-lijn)!important}
html body .br-voet{color:var(--d-zacht)!important}
html body .br-voet a{color:var(--d-brons)!important}
html body .br-inhoud a{color:var(--d-room)!important;border-color:var(--d-lijn)!important}
html body .br-inh-nr{color:var(--d-brons)!important}
html body .br-inh-sub,html body .br-terug a{color:var(--d-zacht)!important}
html body .br-tekst-centraal{color:var(--d-zacht)!important}
/* overzicht /gidsen/brochure: kaarten op warm zwart, geen witte vlakken */
html body .br-kaart{background:var(--d-vlak)!important;border:1px solid var(--d-lijn)!important;color:var(--d-room)!important;box-shadow:none!important}
html body .br-kaart:hover{background:var(--d-vlak)!important;border-color:var(--d-brons)!important}
html body .br-kaart h3{color:var(--d-room)!important;font-weight:400!important}
html body .br-kaart .br-kaart-nr,html body .br-kaart .br-kaart-lees{color:var(--d-brons)!important;letter-spacing:.3em!important}
html body .br-kaart .br-kaart-sub,html body .br-kaart li{color:var(--d-zacht)!important}
html body .br-kaart img{filter:saturate(.8) contrast(1.07) sepia(.14) brightness(.96)}

/* ---------- klantgids vastgoed (oude gidsopmaak) ---------- */
html body .section-nav{background:rgba(28,23,19,.94)!important;border-top:1px solid var(--d-lijn)!important;border-bottom:1px solid var(--d-lijn)!important}
html body .section-nav a{color:var(--d-zacht)!important;font-size:.6rem!important;letter-spacing:.24em!important}
html body .section-nav a:hover,html body .section-nav a.active{color:var(--d-room)!important;border-color:var(--d-brons)!important}
html body .page-title-rule,html body .br-cover-rule,html body .gate-rule:not(#sd-br-root *,.gids-gate *){background:var(--d-brons)!important}
html body .cta{background:var(--d-vlak)!important;border-top:1px solid var(--d-lijn)}
html body .cta-btn{color:var(--d-room)!important;border-color:rgba(239,231,216,.5)!important}
html body .cta-btn:hover{background:var(--d-brons)!important;border-color:var(--d-brons)!important;color:#1c1713!important}
html body .footer-nav{background:var(--d-vlak)!important}
html body .footer-nav-links a{color:var(--d-zacht)!important}
html body .footer-copy{color:var(--d-zacht)!important}

/* ---------- /guides-en/ en /guides-fr/ ---------- */
html body .gidsen-beeld img{filter:saturate(.8) contrast(1.07) sepia(.14) brightness(.96)}
html body .beeld-inhoud h1{font-family:var(--serif,'Cormorant Garamond',serif)!important;font-weight:300!important;letter-spacing:.04em!important;color:var(--d-room)!important}
html body .beeld-inhoud .pitch,html body .beeld-voet span,html body .beeld-voet a,html body .beeld-merk{color:var(--d-room)!important}
html body .keuze{background:var(--d-vlak)!important;border-color:var(--d-lijn)!important}
html body .btn{background:var(--d-brons)!important;color:#1c1713!important}
html body .btn::after{background:rgba(28,23,19,.6)!important}
html body .veld input{background:transparent!important;color:var(--d-room)!important;border-color:rgba(239,231,216,.4)!important}
html body .veld input::placeholder{color:rgba(239,231,216,.6)!important}

/* ---------- locatiegids /locatiegids/, /locations/, /lieux/ ---------- */
html body .step,html body .step.now,html body .step .locatie-card,html body .locatie-card,html body .tarief-row,html body .locatie-teaser,html body .locatie-success-message,html body .locatie-form-wrap,html body .locatie-slot,html body .locatie-section,html body .locatie-boeking,html body .locatie-footer-note{background:var(--d-vlak)!important;border-color:var(--d-lijn)!important;box-shadow:none!important}
html body .zone-note,html body .step .locatie-tip,html body .locatie-tip{background:transparent!important;border-left-color:var(--d-brons)!important}
html body .zoom{background:var(--d-vlak2)!important}
html body .step .locatie-feature,html body .step .locatie-best-for span,html body .locatie-best-for span,html body .locatie-slot .slot-rest li{background:transparent!important;border:1px solid var(--d-lijn)!important;color:var(--d-zacht)!important}
html body .locatie-badge{color:#1c1713!important;background:var(--d-brons)!important}
html body .more,html body .locatie-slot .slot-btn.leeg,html body .locatie-slot .soort-knop{background:transparent!important;color:var(--d-room)!important;border:1px solid rgba(239,231,216,.45)!important}
html body .more:hover,html body .locatie-slot .soort-knop.aan{background:var(--d-brons)!important;border-color:var(--d-brons)!important;color:#1c1713!important}
html body .checkout-cta,html body .locatie-submit-btn,html body .locatie-slot .slot-btn:not(.leeg){background:var(--d-brons)!important;border-color:var(--d-brons)!important;color:#1c1713!important}
html body .locatie-form-row input,html body .locatie-slot .slot-bestel input,html body .locatie-slot .slot-bestel select,html body .locatie-slot .slot-code input{background:transparent!important;color:var(--d-room)!important;border-color:rgba(239,231,216,.4)!important}
html body .locatie-form-row input::placeholder{color:rgba(239,231,216,.6)!important}
html body .step .n{color:var(--d-brons)!important}
html body .photo-card img,html body .step img{filter:saturate(.8) contrast(1.07) sepia(.14) brightness(.96)}
html body .kicker i{background:var(--d-brons)!important}
html body .locatie-boeking strong{color:var(--d-brons)!important}
html body .hero h1,html body .step h2,html body .step h3{font-weight:300!important;letter-spacing:.02em}

/* ---------- voetinfo ---------- */
html body .sd-voetinfo,html body .sd-voetinfo p,html body .sd-voetinfo span{color:var(--d-zacht)!important}
html body .sd-voetinfo a{color:var(--d-brons)!important}
html body .sd-voetinfo-los{background:var(--d-bg)!important}
html body .sd-kop{color:#0C0D0A}
html body .sd-vi-taal a{opacity:1!important;color:var(--d-zacht)!important}
html body .sd-vi-taal a[aria-current]{color:var(--d-room)!important}
html body .br-kaart .br-kaart-nr{opacity:1!important}
html body .sd-kop .sd-taal{opacity:.85!important}
html body .sd-kop .sd-taal a{opacity:1!important;color:#0C0D0A!important}
html body .sd-kop .sd-taal a:hover{color:#5a4630!important}
/* oude volle-breedte kopbalk (vastgoed, guides-en/fr): warm zwart in plaats van een lichte strook */
html body .site-header,html body .site-header.scrolled{background:rgba(28,23,19,.94)!important;box-shadow:0 1px 0 var(--d-lijn)!important}
html body .site-header a,html body .site-header nav a{color:var(--d-zacht)!important}
html body .site-header a:hover{color:var(--d-brons)!important}
html body .site-header .hamburger span{background:var(--d-room)!important}
html body .nav-overlay{background:var(--d-vlak)!important}
html body .nav-overlay a{color:var(--d-room)!important}
html body .nav-close{color:var(--d-zacht)!important}