/* Homepage hero seasonal preview system. This file intentionally scopes every rule to #home.hero. */
#home.hero .hero-bg{
  background-image:var(--holiday-hero-image,url("assets/hero-mountains-cinematic.webp?v=ridge-refined-1"));
}

/* Seasonal full-scene previews stay crisp and present beneath the existing hero grade. */
#home.hero:not([data-holiday-theme="default"]) .hero-bg{
  filter:saturate(1.08) contrast(1.04) brightness(1.08);
}

#home.hero .hero-bg::before,
#home.hero::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
}

#home.hero .hero-bg::before{
  background:var(--holiday-hero-tint,transparent);
  opacity:var(--holiday-tint-opacity,0);
}

#home.hero::before{
  z-index:3;
  background-image:var(--holiday-overlay-image,none);
  background-position:center;
  background-repeat:no-repeat;
  background-size:100% 100%;
  opacity:var(--holiday-overlay-opacity,0);
}

/* This control is injected only for file://, localhost, and 127.0.0.1 previews. */
.holiday-preview-control{
  position:fixed;
  z-index:1000;
  top:112px;
  right:16px;
  bottom:auto;
  display:grid;
  gap:7px;
  width:min(250px,calc(100vw - 32px));
  padding:12px 14px;
  color:#f7f3eb;
  background:rgba(3,22,16,.96);
  border:1px solid rgba(216,173,77,.55);
  box-shadow:0 12px 35px rgba(0,0,0,.28);
  font:600 11px/1.3 var(--sans);
  letter-spacing:.12em;
  text-transform:uppercase;
}

.holiday-preview-control select{
  width:100%;
  padding:8px 10px;
  color:#f7f3eb;
  background:#08271f;
  border:1px solid rgba(216,173,77,.45);
  font:500 13px/1.2 var(--sans);
  letter-spacing:.02em;
  text-transform:none;
}

.holiday-preview-control small{
  color:rgba(247,243,235,.65);
  font-size:9px;
  letter-spacing:.06em;
  text-transform:none;
}

@media(max-width:640px){
  .holiday-preview-control{top:92px;right:8px;width:184px;padding:6px}
  .holiday-preview-control>span,.holiday-preview-control>small{display:none}
  .holiday-preview-control select{padding:6px 8px;font-size:11px}
}