/* RED EVENTS — tour landing SPOOKY SEASON variant.
   Tim Burton colour world: aubergine + midnight blue, pale moonlight, one warm-red accent.
   Scoped under .tourlp--spooky. Loaded AFTER tours.css. */

@font-face{font-family:'Angst';src:url('../fonts/Angst-Bold.woff2') format('woff2');font-weight:800;font-style:normal;font-display:swap;}

/* ---- palette: aubergine/indigo + moonlight + warm-red accent ---- */
.tourlp.tourlp--spooky{
  --tlp-bg:#1b1630; --tlp-ink:#ece8f5; --tlp-muted:#a59cb8;
  --tlp-red:#cf4636; --tlp-gold:#d4cfe6; --tlp-card:#271f3b; --tlp-line:#3a3052;
  background:#1b1630; color:#ece8f5;
}
/* soft indigo moon-glow behind the body */
.tourlp--spooky{background:
  radial-gradient(1100px 520px at 50% -10%, rgba(96,82,164,.32), rgba(27,22,48,0) 62%),
  #1b1630;}

.tourlp--spooky .tlp-eyebrow{color:#b9b2cf;letter-spacing:3px;}
.tourlp--spooky .tlp-h2{color:#f4f1fc;}
.tourlp--spooky .tlp-lead{color:#aaa2bd;}
.tourlp--spooky .tlp-facts b{color:#f4f1fc;}
.tourlp--spooky .tlp-chip{color:#d8d3e6;background:#271f3b;border-color:#3a3052;}
.tourlp--spooky .tlp-why li{color:#d8d3e6;padding-left:32px;}
.tourlp--spooky .tlp-why li::before{content:'\1F383';color:initial;-webkit-text-fill-color:initial;font-size:17px;left:0;top:-2px;filter:none;}
.tourlp--spooky .tlp-date__ctry{color:#8b83a0;}
.tourlp--spooky .tlp-info{background:#241b38;border:1px solid #46365f;color:#cabfe0;}
.tourlp--spooky .tlp-final{background:linear-gradient(160deg,#2a1c44,#1b1630);border-top:1px solid var(--tlp-line);}
.tourlp--spooky .tlp-kicker--gold{color:#b9b2cf;}

/* badges + buttons — warm-red accent */
.tourlp--spooky .tlp-badge--soon{background:rgba(207,70,54,.16);color:#ef9183;border:1px solid #6e342c;}
.tourlp--spooky .tlp-badge--on{background:rgba(222,216,240,.12);color:#ece8f5;border:1px solid #4a4066;}
.tourlp--spooky .tlp-btn--notify{color:#ef9183;border:1px solid #6e342c;}
.tourlp--spooky .tlp-cta--ghost{border-color:#524a72;color:#ece8f5;background:rgba(27,22,48,.4);}

/* show label (flat list only) */
.tourlp--spooky .tlp-date__show{display:inline-block;font-size:10.5px;font-weight:800;text-transform:uppercase;
  letter-spacing:1.3px;color:#1b1630;background:#d4cfe6;padding:2px 8px;border-radius:4px;margin-bottom:6px;}
.tourlp--spooky .tlp-date{box-shadow:0 8px 26px rgba(0,0,0,.4);}

/* ---- split-by-show layout: two themed columns ---- */
.tourlp--spooky .tlp-shows{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:8px;}
.tourlp--spooky .tlp-show{position:relative;overflow:hidden;isolation:isolate;
  border:1px solid #3f3458;border-radius:16px;padding:20px 18px 16px;box-shadow:0 10px 30px rgba(8,4,18,.45);}
.tourlp--spooky .tlp-show__head,.tourlp--spooky .tlp-show__list{position:relative;z-index:1;}
.tourlp--spooky .tlp-show__decor{position:absolute;inset:0;z-index:0;pointer-events:none;}
.tourlp--spooky .tlp-show__name{font-family:'Angst','Montserrat',sans-serif;font-weight:800;text-transform:uppercase;
  letter-spacing:.6px;font-size:clamp(17px,2.2vw,24px);line-height:1.05;color:#f4f1fc;}
.tourlp--spooky .tlp-show__sub{font-size:11.5px;color:#aaa2bd;margin:5px 0 14px;letter-spacing:.6px;text-transform:uppercase;}
.tourlp--spooky .tlp-show__list{display:flex;flex-direction:column;gap:8px;}

/* compact, always-stacked date rows inside the narrow panels */
.tourlp--spooky .tlp-show .tlp-date{grid-template-columns:52px 1fr;background:rgba(13,9,26,.5);box-shadow:none;}
.tourlp--spooky .tlp-show .tlp-date__d{border-right:none;}
.tourlp--spooky .tlp-show .tlp-date__day{font-size:22px;}
.tourlp--spooky .tlp-show .tlp-date__act{grid-column:1/-1;flex-direction:row;justify-content:space-between;
  align-items:center;border-top:1px solid var(--tlp-line);padding-top:9px;margin-top:2px;}

/* distinct type per world: Burton bold display, Twilight elegant serif */
.tourlp--spooky .tlp-show--burton .tlp-show__name{letter-spacing:1.2px;}
.tourlp--spooky .tlp-show--twilight .tlp-show__name{font-family:Georgia,'Times New Roman',serif;font-style:italic;
  font-weight:400;text-transform:none;letter-spacing:.2px;font-size:clamp(19px,2.5vw,28px);}

/* Burton half — midnight blue + crescent moon, twinkling stars, drifting bat */
.tourlp--spooky .tlp-show--burton{background:radial-gradient(130% 100% at 78% -15%, #262249 0%, #181233 62%);}
.tourlp--spooky .tlp-show--burton .tlp-show__decor::before{content:'\1F319';position:absolute;top:8px;right:14px;
  font-size:48px;filter:grayscale(.4) brightness(1.5);opacity:.26;}
.tourlp--spooky .tlp-show--burton .tlp-show__decor::after{content:'\1F987';position:absolute;top:12px;left:46px;
  font-size:26px;filter:grayscale(.3) brightness(1.6);opacity:.6;animation:tlpFly 12s ease-in-out infinite alternate;}
.tourlp--spooky .tlp-show--burton::before{content:'';position:absolute;top:14px;left:26px;width:3px;height:3px;border-radius:50%;z-index:0;pointer-events:none;
  background:#eaf0ff;
  box-shadow:46px 6px 0 #eaf0ff,98px 24px 0 #cdd6ff,156px 2px 0 #eaf0ff,214px 28px 0 #cdd6ff,276px 12px 0 #eaf0ff,338px 30px 0 #cdd6ff,128px 44px 0 #eaf0ff,256px 46px 0 #cdd6ff;
  animation:tlpTwinkle 2.6s ease-in-out infinite;}

/* Twilight half — aubergine + breathing full moon, wolf, vampire, drifting mist */
.tourlp--spooky .tlp-show--twilight{background:radial-gradient(130% 100% at 78% -15%, #341c46 0%, #1c1132 62%);}
.tourlp--spooky .tlp-show--twilight .tlp-show__decor::before{content:'\1F315';position:absolute;top:8px;right:12px;
  font-size:56px;filter:grayscale(.3) brightness(1.5);opacity:.3;transform-origin:center;animation:tlpBreathe 3.8s ease-in-out infinite;}
.tourlp--spooky .tlp-show--twilight .tlp-show__decor::after{content:'\1F43A';position:absolute;bottom:6px;right:14px;
  font-size:50px;filter:grayscale(.5) brightness(1.2);opacity:.18;}
.tourlp--spooky .tlp-show--twilight::after{content:'\1F9DB';position:absolute;bottom:10px;left:10px;z-index:0;
  font-size:38px;filter:grayscale(.5) brightness(1.2);opacity:.16;pointer-events:none;}
.tourlp--spooky .tlp-show--twilight::before{content:'';position:absolute;left:0;right:0;bottom:18px;height:34px;z-index:0;pointer-events:none;
  background:linear-gradient(90deg, rgba(231,224,238,0) 0%, rgba(231,224,238,.10) 50%, rgba(231,224,238,0) 100%);
  animation:tlpMist 8s ease-in-out infinite alternate;}

/* gentle atmosphere (disabled when the visitor prefers reduced motion) */
@keyframes tlpTwinkle{0%,100%{opacity:.3}50%{opacity:1}}
@keyframes tlpBreathe{0%,100%{opacity:.26;transform:scale(.95)}50%{opacity:.62;transform:scale(1.16)}}
@keyframes tlpFly{0%{transform:translate(0,0) rotate(-7deg)}50%{transform:translate(150px,-12px) rotate(7deg)}100%{transform:translate(300px,4px) rotate(-7deg)}}
@keyframes tlpMist{0%{transform:translateX(-16px)}100%{transform:translateX(20px)}}
@media (prefers-reduced-motion: reduce){
  .tourlp--spooky .tlp-show--burton::before,
  .tourlp--spooky .tlp-show--burton .tlp-show__decor::after,
  .tourlp--spooky .tlp-show--twilight::before,
  .tourlp--spooky .tlp-show--twilight .tlp-show__decor::before{animation:none;}
}

/* mobile: stack the columns — Burton first, then Twilight */
@media(max-width:760px){.tourlp--spooky .tlp-shows{grid-template-columns:1fr;}}

/* ---- floating atmosphere / sound toggle ---- */
.tourlp--spooky .tlp-audiobtn{position:fixed;left:18px;bottom:18px;z-index:50;display:inline-flex;align-items:center;gap:8px;
  background:rgba(27,22,48,.86);color:#ece8f5;border:1px solid #4a4066;border-radius:40px;padding:9px 16px 9px 12px;
  font-family:'Montserrat',-apple-system,sans-serif;font-size:13px;font-weight:600;letter-spacing:.3px;cursor:pointer;
  box-shadow:0 6px 22px rgba(0,0,0,.5);backdrop-filter:blur(4px);transition:border-color .2s,color .2s,transform .15s;}
.tourlp--spooky .tlp-audiobtn:hover{border-color:#cf4636;}
.tourlp--spooky .tlp-audiobtn:active{transform:scale(.97);}
.tourlp--spooky .tlp-audiobtn__ico{width:18px;height:18px;flex:none;color:#cdc6e6;}
.tourlp--spooky .tlp-audiobtn .tlp-ico-on{display:none;}
.tourlp--spooky .tlp-audiobtn.is-on{color:#fff;border-color:#cf4636;}
.tourlp--spooky .tlp-audiobtn.is-on .tlp-ico-on{display:block;}
.tourlp--spooky .tlp-audiobtn.is-on .tlp-ico-off{display:none;}
.tourlp--spooky .tlp-audiobtn.is-on .tlp-audiobtn__ico{color:#cf4636;animation:tlpPulse 1.6s ease-in-out infinite;}
@keyframes tlpPulse{0%,100%{opacity:.65}50%{opacity:1}}
@media(max-width:720px){.tourlp--spooky .tlp-audiobtn{bottom:78px;padding:8px 14px 8px 11px;}}
@media (prefers-reduced-motion: reduce){.tourlp--spooky .tlp-audiobtn.is-on .tlp-audiobtn__ico{animation:none;}}

/* ---- HERO: the navy Tim Burton key visual ---- */
.tourlp--spooky .tlp-hero{
  min-height:88vh;
  background-image:
    linear-gradient(180deg, rgba(27,22,48,.20) 0%, rgba(27,22,48,.02) 32%, rgba(27,22,48,.34) 68%, rgba(27,22,48,.85) 92%, #1b1630 100%),
    url('/upload/tours/spooky-hero.webp') !important;
  background-position:center 28% !important;
  background-size:cover !important;
}
.tourlp--spooky .tlp-hero::before{background:none;}
.tourlp--spooky .tlp-kicker{color:#e3def2;text-shadow:0 1px 12px rgba(0,0,0,.8);}

/* hero wordmark — pale moonlight caps */
.tourlp--spooky .tlp-h1__title{font-family:'Angst','Montserrat',sans-serif;font-weight:800;text-transform:uppercase;
  font-size:clamp(44px,11vw,108px);letter-spacing:1px;line-height:.92;
  background:none;color:#f5f2fe;-webkit-text-fill-color:#f5f2fe;text-shadow:0 3px 24px rgba(0,0,0,.7);}
.tourlp--spooky .tlp-h1__sub{font-family:'Montserrat',sans-serif;font-weight:700;text-transform:uppercase;
  letter-spacing:2px;color:#d4cfe6;font-size:clamp(13px,2.4vw,20px);line-height:1.3;margin-top:12px;
  background:none;-webkit-text-fill-color:#d4cfe6;text-shadow:0 1px 12px rgba(0,0,0,.7);}
.tourlp--spooky .tlp-h1__by:empty{display:none;}
.tourlp--spooky .tlp-tagline{color:#e7e3f2;}