/* ——— Seasonal layer ———
   Active only when <html data-season="halloween"> is set by /season.js (October, or ?season=halloween).
   Pink stays the foundation; Halloween arrives as black-cherry nights and one small doll ghost. */
.season-only{display:none!important}
html[data-season=halloween] .season-only{display:revert!important}
html[data-season=halloween] .season-hide{display:none!important}
html[data-season=halloween] img.season-only{display:block!important}

html[data-season=halloween]{--night:#2b0914;--night-2:#3d0f1f;--moon:#fbe3ec}

/* Editorial */
html[data-season=halloween] .cover-ghost{position:absolute;z-index:4;width:84px;height:auto;top:-30px;left:2%;transform:rotate(-10deg)}
html[data-season=halloween] .ribbon{background:var(--night)}
html[data-season=halloween] .finale{background:var(--night);color:var(--moon)}
html[data-season=halloween] .finale h2{color:var(--moon)}
html[data-season=halloween] .finale h2 em{color:#f59bbb}
html[data-season=halloween] .finale .eyebrow{color:#f59bbb}
html[data-season=halloween] .finale-copy>p:not(.eyebrow){color:#f3cad8}
html[data-season=halloween] .finale .button{background:var(--moon);border-color:var(--moon);color:var(--cherry)}
html[data-season=halloween] .finale .button:hover{background:#fff;border-color:#fff}
html[data-season=halloween] .finale-photo{border-color:var(--night-2)}
html[data-season=halloween] .finale-ghost{display:block!important;position:absolute;z-index:2;width:96px;height:auto;left:50%;top:44px;transform:translateX(-50%) rotate(-6deg)}
html[data-season=halloween] .editorial .mobile-book{background:var(--night);border-color:var(--night)}
@media(max-width:760px){
  html[data-season=halloween] .cover-ghost{width:62px;top:-6px;left:auto;right:4%}
  html[data-season=halloween] .finale-ghost{width:70px;top:30px}
  html[data-season=halloween] .finale{padding-top:120px}
}

/* Profile */
html[data-season=halloween] .ig-note{display:block!important}
html[data-season=halloween] .avatar-badge{background:var(--night)}
html[data-season=halloween] .profile-booking{background:var(--night);color:var(--moon)}
html[data-season=halloween] .profile-booking h2{color:var(--moon)}
html[data-season=halloween] .profile-booking h2 em{color:#f59bbb}
html[data-season=halloween] .profile-booking p{color:#f3cad8}
html[data-season=halloween] .profile-booking .paylater{color:var(--wine);background:var(--moon);border-color:var(--moon)}
html[data-season=halloween] .profile-booking .button{background:var(--moon);border-color:var(--moon);color:var(--cherry)}
html[data-season=halloween] .social-page .mobile-book{background:var(--night);border-color:var(--night)}

/* Booking — a whisper only */
html[data-season=halloween] .booking-page .visual-note{background:var(--night);color:var(--moon)}

@media(prefers-reduced-motion:no-preference){
  html[data-season=halloween] .cover-ghost,html[data-season=halloween] .finale-ghost {animation:boo-float 5s ease-in-out infinite}
  @keyframes boo-float{0%,100%{translate:0 0}50%{translate:0 -7px}}
}