/* Sage Serenity: licht thema bovenop site.css.
   60% gebroken wit en zand, 30% saliegroen, 10% houtbruin voor knoppen en details.
   Koppen in Prata, tekst in Lato. Weghalen van deze stylesheet zet het krijtbord terug. */
:root{
  --board-deep:  #f0ebe0;
  --board:       #faf8f2;
  --board-mid:   #f5f1e9;
  --board-light: #ebe5d8;
  --chalk:       #2e3328;
  --chalk-dim:   #5d6155;
  --chalk-faint: rgba(46,51,40,.38);
  --c-accent:    #8b725a;
  --c-olive:     #4f5945;
  --c-brown:     #8b725a;
  --paper:       #ffffff;
  --paper-line:  #e3ddd0;
  --font-h:      'Prata', Georgia, 'Times New Roman', serif;
  --font-b:      'Lato', system-ui, -apple-system, 'Segoe UI', sans-serif;

  --sage:        #a4ad98;
  --sage-ink:    #262b22;
  --sage-soft:   #3c4236;
  --sage-deep:   #5f6a53;
  --wood-light:  #e2d2bf;
  --cream:       #f4f0e7;
  --line:        #e3ddd0;
}

body{font-weight:300;font-size:18px;line-height:1.6}
strong,b{font-weight:700}
.bb{background-image:none;background-color:var(--board)}
h1,h2,h3,h4{font-weight:400!important;letter-spacing:0}

/* Krijtfilters horen bij het bord, niet bij dit thema */
.btn,.hero-tag,.menu-card,.menu-card.done:hover,.attr-card:hover,.car-btn,.socials a,.to-top,
.sound-btn,.hero-gyro,.nav-links a::after,.host-frame::before,.host-frame::after,.stat-box{filter:none!important}
.attr-card:hover .attr-body h4,.attr-card:hover .attr-body p{transform:none;filter:none}
.attr-img img,.coin-front img{filter:none}

/* Kleine koppen */
.chalk-eyebrow{font-family:var(--font-b);font-size:.8rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--c-accent)!important;margin-bottom:.8rem}

/* Knoppen */
.btn{font-family:var(--font-b);font-weight:400;font-size:1.02rem;letter-spacing:.03em;border-radius:999px}
.btn-chalk{background:var(--c-accent);color:#fff;box-shadow:0 4px 14px rgba(60,48,36,.18)}
.btn-chalk:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(60,48,36,.22)}
.btn-outline{color:var(--chalk);border:1.5px solid var(--c-accent)!important;box-shadow:none}
.btn-sm{font-size:.95rem}

/* Navigatie */
.nav{background:rgba(250,248,242,.96);border-bottom-color:var(--line)}
.nav-links a{font-family:var(--font-h);font-size:1rem;font-weight:400;letter-spacing:.7px}
.nav-links a::after{background:var(--c-accent)}
body.home .nav:not(.scrolled) .nav-links a{color:rgba(255,255,255,.88)}
body.home .nav:not(.scrolled) .nav-links a:hover{color:#fff}
body.home .nav:not(.scrolled) .hamburger span{background:#fff}
body.home .nav.scrolled{background:rgba(250,248,242,.96);border-bottom-color:var(--line)}
.mobile-nav{background:var(--board)}
.mobile-nav a{font-size:1.5rem}

/* Hero: foto blijft, tekst licht, accenten in houtbruin */
.hero{color:#fff}
.hero-fade{background:linear-gradient(to bottom,rgba(0,0,0,.04) 0%,rgba(0,0,0,.06) 40%,rgba(95,106,83,.92) 100%)}
.hero-grid{display:none}
.hero-badge{font-family:var(--font-b);font-size:.95rem;font-weight:400;letter-spacing:.06em;color:rgba(255,255,255,.9)}
.hero-badge i{color:var(--wood-light)}
.hero h1{font-size:clamp(3rem,7vw,5.8rem);line-height:1.15;color:var(--cream);text-shadow:0 2px 18px rgba(0,0,0,.35);margin-bottom:1.4rem}
.hero-sub{font-family:var(--font-b);font-weight:300;font-size:clamp(1.1rem,2vw,1.35rem);letter-spacing:.02em;color:rgba(255,255,255,.88)}
.hero-tag{font-family:var(--font-b);font-size:.9rem;font-weight:400;letter-spacing:.06em;border-radius:999px;padding:.35rem 1.1rem;background:rgba(0,0,0,.18)}
.hero-tag.a{color:var(--cream);border-color:var(--cream)}
.hero-tag.o{color:var(--wood-light);border-color:var(--wood-light)}
.hero-tag.b{color:#fff;border-color:rgba(255,255,255,.7)}
.btn-glass{font-family:var(--font-b);color:#fff!important}
.hero-scroll{color:rgba(255,255,255,.65)}
.scroll-line{background:rgba(255,255,255,.4)}

/* Galerij direct onder de hero */
.torn{display:none}
.gallery-sec{background:var(--board);padding:24px 5% 90px}
.gallery-sec h2{font-size:clamp(2rem,3.4vw,2.8rem);color:var(--c-olive)}
.gal-item{border:0;border-radius:10px}
.gal-item img{filter:none}
.gal-item:hover img{filter:none}
.gal-zoom i{color:#fff}
@media(min-width:961px){.gal-item[data-i="8"]{grid-column:span 2;grid-row:span 2}}

/* Intro */
.paper-sec{background-color:var(--board-deep);background-image:none}
.paper-sec::before{display:none}
.paper-inner h2{font-size:clamp(2rem,3.4vw,2.8rem);color:var(--c-olive)}
.paper-inner p{color:var(--chalk-dim)}
.paper-inner a.inline-link{font-family:var(--font-b);font-size:1rem;font-weight:700;color:var(--c-accent)}
.paper-inner a.inline-link:hover{color:var(--c-olive)}
.sticky-note{background:var(--board);background-image:none;border-left:4px solid var(--c-accent);border-radius:6px;transform:none;font-family:var(--font-h);font-size:1.05rem;line-height:1.5;color:var(--chalk);box-shadow:0 8px 24px rgba(46,51,40,.08)}
.sticky-note::before{display:none}
.sticky-note strong{font-family:var(--font-h);font-size:1.25rem;font-weight:400;letter-spacing:0;text-transform:none;color:var(--c-accent)}

/* Faciliteiten: het saliegroene vlak */
.features-sec{background:var(--sage)!important;color:var(--sage-ink)}
.features-hdr h2{font-size:clamp(2rem,3.4vw,2.8rem);color:var(--sage-ink)}
.features-sec .chalk-eyebrow{color:#4e3f30!important}
.features-hdr h2 .wavy::after{display:none}
.menu-card,.menu-card.done{border:1px solid rgba(38,43,34,.18);border-radius:12px;background:rgba(255,255,255,.14)}
.menu-card.done:hover{border-color:rgba(38,43,34,.35)}
.menu-card::after{display:none}
.menu-num{display:none}
.menu-card h3{font-size:1.45rem;color:var(--sage-ink)}
.menu-card ul li{color:var(--sage-soft);border-bottom-color:rgba(38,43,34,.1)}
.menu-note{font-family:var(--font-h);font-style:normal;font-size:1rem;color:#4e3f30;border-top-color:rgba(38,43,34,.18)}
.r-a,.r-a2,.r-b{background:var(--c-accent)}.r-o{background:var(--sage-ink)}

/* Omgeving */
.carousel-sec{background:var(--board-deep)}
.sec-hdr h2{font-size:clamp(2rem,3.4vw,2.8rem);color:var(--c-olive)}
.attr-card{background:#fff;border:1px solid var(--line);border-radius:12px}
.attr-card:hover{border-color:var(--sage);transform:translateY(-3px)}
.attr-body h4{font-size:1.2rem;font-weight:400;color:var(--chalk)}
.car-btn{background:#fff;border-color:var(--line);color:var(--chalk)}
.car-btn:hover{background:var(--c-accent);border-color:var(--c-accent);color:#fff}
.car-dot{background:var(--line)}
.car-dot.on{background:var(--c-accent)}

/* Reviews: kaarten in plaats van briefjes */
.reviews-sec{background:var(--board)}
.reviews-sec::before{display:none}
.reviews-sec h2{font-size:clamp(2rem,3.4vw,2.8rem);color:var(--c-olive)}
.rev-badges span{border-color:var(--line);color:var(--chalk)}
.rev-badges span i{color:var(--c-accent)}
.sticky{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 6px 20px rgba(46,51,40,.06);transform:none!important}
.sticky:hover{animation:none;box-shadow:0 10px 28px rgba(46,51,40,.1)}
.sticky-pin,.sticky-lines{display:none}
.rev-stars{color:var(--c-accent)}
.rev-text{font-family:var(--font-h);font-style:normal;font-size:1.02rem;line-height:1.6;color:var(--chalk)}
.rev-author{font-family:var(--font-b);font-weight:700;color:var(--chalk)}
.rev-source{color:var(--c-accent)}
.rev-arrow{background:#fff;border-color:var(--line);color:var(--chalk);backdrop-filter:none}
.rev-arrow:hover{border-color:var(--c-accent);color:var(--c-accent)}

/* Verhuurder */
.host-text h2{font-size:clamp(2rem,3.2vw,2.6rem);color:var(--c-olive)}
.host-bottom h3{font-size:clamp(1.5rem,2.4vw,1.9rem);color:var(--c-olive)}
.host-frame::before{border-color:var(--sage)}
.host-frame::after{border-color:var(--line)}
.coin-front img,.coin-back{box-shadow:0 20px 50px rgba(46,51,40,.18)}
.coin-back{background:var(--board-deep);border-color:var(--line)}

/* Beschikbaarheid */
.avail-sec{background:var(--board-deep)}
.avail-sec h2{font-size:clamp(2rem,3.4vw,2.8rem);color:var(--c-olive)}
.avail-legend{color:var(--chalk-dim)}
.avail-legend .sw{border-color:var(--line)}
.avail-legend .arr{background:#85e785}
.avail-legend .av{background:#beecbe}
.avail-legend .un{background:#ea8484}
.avail-cal{background:#fff;box-shadow:0 8px 24px rgba(46,51,40,.08);border:1px solid var(--line)}
.avail-frame::after{background:linear-gradient(rgba(255,255,255,0),#fff)}
.avail-more{font-family:var(--font-b);font-size:1rem;font-weight:700;color:var(--c-accent);border-top-color:var(--line)}
.avail-more:hover{color:var(--c-olive)}

/* FAQ */
.faq-sec{background:var(--board)}
.faq-sec h2{font-size:clamp(2rem,3.4vw,2.8rem);color:var(--c-olive)}
.faq-item{border-bottom:1px solid var(--line)}
.faq-q{font-family:var(--font-h);font-size:1.1rem;font-weight:400}
.faq-a-inner a{color:var(--c-accent);border-bottom-color:rgba(139,114,90,.35)}

/* CTA */
.cta-ov{background:rgba(95,106,83,.88);background-image:none}
.cta-content h2{font-size:clamp(2.2rem,4.4vw,3.6rem);line-height:1.2;color:var(--cream);text-shadow:none}
.cta-content p{color:rgba(255,255,255,.88)}
.cta-content .chalk-eyebrow{color:var(--wood-light)!important}

/* Footer: saliegroen */
footer{background:var(--sage);border-top:0}
.foot-grid{border-bottom-color:rgba(38,43,34,.18)}
.foot-brand p,.foot-col a,.foot-col p{color:var(--sage-soft)!important}
.foot-col a:hover{color:var(--sage-ink)!important}
.foot-col h4{font-size:1.15rem;color:var(--sage-ink)}
.foot-bottom{color:rgba(38,43,34,.6)}
.socials a{background:rgba(255,255,255,.3);border-color:rgba(38,43,34,.18);color:var(--sage-ink)}
.socials a:hover{background:var(--c-accent);border-color:var(--c-accent);color:#fff}

/* Zwevende knoppen */
.to-top,.sound-btn,.hero-gyro{background:#fff;border-color:var(--line);color:var(--chalk);box-shadow:0 4px 14px rgba(46,51,40,.12)}
.to-top:hover{background:var(--c-accent);border-color:var(--c-accent);color:#fff}
.sound-btn:hover,.hero-gyro:hover{background:var(--board-deep)}
.sound-btn.on{background:var(--sage);border-color:var(--sage);color:var(--sage-ink)}
.sound-btn .sound-waves{border-color:var(--sage)}
.lightbox{background:rgba(38,43,34,.94)}
.lb-close,.lb-nav{color:#fff}

/* Boekvenster */
.vb-backdrop{background:rgba(38,43,34,.45)}
.vb-panel{background:var(--board)}
.vb-head{border-bottom:1px solid var(--line)}
.vb-head h2{font-family:var(--font-h);font-size:1.5rem;font-weight:400;color:var(--c-olive)}
.vb-close{border-color:var(--line);color:var(--chalk)}
.vb-close:hover{background:var(--board-deep)}
.vb-loading{font-family:var(--font-b);font-size:1rem;color:var(--chalk-dim)}

/* Landingspagina's */
.lp-hero .hero-content{text-align:left}
.lp-paper{background:#fff;color:var(--chalk);border:1px solid var(--line);box-shadow:0 10px 30px rgba(46,51,40,.08);transform:none}
.lp-paper h2{font-size:clamp(1.7rem,3vw,2.2rem);color:var(--c-olive);line-height:1.25}
.lp-cta{background:var(--sage);border:0;color:var(--sage-ink)}
.lp-cta h2{font-size:clamp(1.7rem,3vw,2.2rem);color:var(--sage-ink);line-height:1.25}
.lp-cta p{color:var(--sage-soft)}
.lp-cta .btn-outline{color:var(--sage-ink);border-color:var(--sage-ink)!important}