/* A whisper of the hero sky, blended over the original paper beige. */
.stay-section::before{content:"";position:absolute;inset:0;z-index:0;background:url('/assets/stays/day/beige-sky-v01.webp') center/cover no-repeat;opacity:.7;pointer-events:none}

/* The selected forest night uses real painted pigment, not a flat green fill. */
[data-theme="night"] .stay-section{background-color:#123c32;color:#bfb59e}
[data-theme="night"] .stay-section::before{background-image:url('/assets/stays/night/forest-pigment-v02.webp');opacity:1}
[data-theme="night"] .stay-section h2,[data-theme="night"] .stay-card h3{color:#d8ccae}
[data-theme="night"] .stay-card__setting,[data-theme="night"] .stay-card__arrow{border-left-color:#bfb59e5c}
[data-theme="night"] .stay-setting-icon{filter:brightness(0) invert(.66) sepia(.48) brightness(.971)}
[data-theme="night"] .stay-card__link:focus-visible{outline-color:#d8ccae}
[data-theme="night"] .section-divider{filter:brightness(.76) saturate(.85)}

/* One continuous planted edge, with room below the card labels in both themes. */
.stay-section__body{padding-bottom:clamp(210px,23vw,390px)}
.stay-decoration--border{width:100%;max-width:none;left:0;bottom:-6vw;height:auto}
[data-theme="night"] .stay-decoration--border{filter:brightness(.74) saturate(.86)}
@media(max-width:700px){
  .stay-section__body{padding-bottom:210px}
  .stay-decoration--border{width:200%;left:-50%;bottom:-30px}
}

/* Keep the same night painting throughout the card-to-cabin expansion. */
[data-theme="night"].heidehuis-arriving::before,[data-theme="night"].cabin-detail-arriving::before{background-image:var(--stay-arrival-art)}
[data-theme="night"] .heidehuis-transition-backdrop,[data-theme="night"] .cabin-detail-transition-backdrop,[data-theme="night"] .stay-page-backdrop{background:#123c32}


/* Carry the forest night through the entire cabin page. Paper notes stay warm. */
html[data-stay-page][data-theme="night"]{color-scheme:dark;background:#123c32 url('/assets/stays/night/forest-pigment-v02.webp') center/cover scroll no-repeat}
[data-stay-page][data-theme="night"] body,[data-stay-page][data-theme="night"] main{background:transparent;color:var(--paper)}
[data-stay-page][data-theme="night"] .outside-copy h2,[data-stay-page][data-theme="night"] .area-map__intro h2{color:var(--paper)}
[data-stay-page][data-theme="night"] .outside-copy>p,[data-stay-page][data-theme="night"] .journey-stop__title{color:#f3e6c8e6}
[data-stay-page][data-theme="night"] .journey-stop__art img{filter:brightness(.73) saturate(.78)}
[data-stay-page][data-theme="night"] .journey-stop__art img[data-stay-day$="waterhuis-03-evening.png"]{filter:none}
[data-stay-page][data-theme="night"] .area-map{background:transparent;color:var(--paper)}
[data-stay-page][data-theme="night"] .area-map__hint{background:#f3e6c8ed;color:var(--forest)}
[data-stay-page][data-theme="night"] .map-marker__badge{box-shadow:0 0 15px #f3d99618}
[data-stay-page][data-theme="night"] .map-marker:focus-visible .map-marker__badge{outline-color:var(--orange)}
.booking-note,.booking-dialog,.area-map__card{color-scheme:light}

/* Both outgoing layers and the first destination frame use this exact alpha edge. */
:root{--stay-bottom-mask:url('/verkennen/heidehuis/illustrations/landscape-botanical-mask-v2.webp')}
.stay-opening__plain,.stay-opening__masked{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none!important;pointer-events:none;object-fit:fill}
.stay-opening__masked{mask-image:var(--stay-bottom-mask);-webkit-mask-image:var(--stay-bottom-mask);mask-size:100% 100%;-webkit-mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-mode:alpha}
html.heidehuis-arriving::before,html.cabin-detail-arriving::before{height:auto;aspect-ratio:1672/941;background-size:100% 100%;background-color:transparent;mask-image:var(--stay-bottom-mask);-webkit-mask-image:var(--stay-bottom-mask);mask-size:100% 100%;-webkit-mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-mode:alpha}
[data-theme="night"] .heidehuis-transition-backdrop,[data-theme="night"] .cabin-detail-transition-backdrop{background:#123c32 url('/assets/stays/night/forest-pigment-v02.webp') center/cover fixed no-repeat}

/* Purpose-painted night activities retain their warm highlights on forest green. */
[data-stay-page][data-theme="night"] .journey-stop__art img[data-night-activity]{filter:none}