/* V2 — Venue & Event Planning refresh. Page-scoped and loaded after the legacy planning styles. */
.venue-event-planning-page{
  --plan-aqua:#35d6e5;
  --plan-cobalt:#5b70e6;
  --plan-petrol:#0b1a21;
  --plan-ice:#d9f3f5;
}

/* Hero: more focused, with the planning image doing more of the work. */
.venue-event-planning-page .venue-event-planning-hero{
  min-height:clamp(540px,66vh,660px)!important;
  padding-bottom:58px!important;
}
.venue-event-planning-page .venue-event-planning-hero::before{
  background:
    linear-gradient(90deg,rgba(5,6,9,.94) 0%,rgba(5,6,9,.83) 38%,rgba(7,16,21,.46) 66%,rgba(7,16,21,.15) 100%),
    linear-gradient(150deg,rgba(91,112,230,.14),rgba(53,214,229,.08)),
    url("photos/dj-event-planning-venue.webp") 62% center/cover no-repeat!important;
}
.venue-event-planning-page .venue-event-planning-hero .page-hero-inner{max-width:790px!important}
.venue-event-planning-page .venue-event-planning-hero h1{
  max-width:780px;
  font-size:clamp(3.15rem,5.8vw,6rem)!important;
  line-height:.91!important;
  letter-spacing:-.052em!important;
  text-transform:none!important;
}
.venue-event-planning-page .venue-event-planning-hero .hero-intro{
  max-width:720px!important;
  font-size:clamp(1rem,1.35vw,1.16rem)!important;
  line-height:1.62!important;
}

/* Route selector: compact planning hub instead of a second hero. */
.venue-event-planning-page .planning-selector-section{
  padding:42px clamp(24px,6vw,100px) 48px!important;
  background:
    radial-gradient(circle at 16% 0,rgba(91,112,230,.12),transparent 29%),
    radial-gradient(circle at 86% 14%,rgba(53,214,229,.08),transparent 24%),
    #06080c!important;
}
.venue-event-planning-page .planning-selector-inner{width:min(1180px,100%)!important}
.venue-event-planning-page .planning-selector-heading{
  grid-template-columns:minmax(0,1.05fr) minmax(300px,.75fr)!important;
  gap:42px!important;
  margin-bottom:24px!important;
}
.venue-event-planning-page .planning-selector-heading h2{
  font-size:clamp(2.25rem,3.8vw,4rem)!important;
  line-height:.96!important;
  letter-spacing:-.045em!important;
  text-transform:none!important;
}
.venue-event-planning-page .planning-selector-heading>p{
  font-size:.94rem!important;
  line-height:1.6!important;
}
.venue-event-planning-page .planning-selector{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:9px!important;
  padding:7px!important;
  border-radius:17px!important;
}
.venue-event-planning-page .planning-selector button{
  min-height:104px!important;
  padding:16px 18px 15px!important;
  gap:4px!important;
  border-radius:12px!important;
}
.venue-event-planning-page .planning-selector .selector-label{
  font-size:clamp(1.02rem,1.4vw,1.28rem)!important;
  line-height:1.08!important;
  letter-spacing:-.02em!important;
  text-transform:none!important;
}
.venue-event-planning-page .planning-selector .selector-note{
  display:block;
  margin-top:3px;
  color:#89919c;
  font-size:.72rem;
  line-height:1.34;
  font-weight:600;
}
.venue-event-planning-page .planning-selector button[aria-selected="true"] .selector-note{color:#c9d0d8}

/* Shared panel composition: shorter images, calmer type, less repeated vertical space. */
.venue-event-planning-page .plan-intro-section{
  padding:clamp(54px,6vw,78px) clamp(24px,6vw,100px)!important;
}
.venue-event-planning-page .plan-intro-inner{
  width:min(1180px,100%)!important;
  grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr)!important;
  gap:clamp(34px,5vw,68px)!important;
}
.venue-event-planning-page .plan-photo{
  min-height:0!important;
  aspect-ratio:16 / 10!important;
  border-radius:18px!important;
}
.venue-event-planning-page .plan-copy .eyebrow{margin-bottom:12px!important}
.venue-event-planning-page .plan-copy h2{
  margin-bottom:16px!important;
  font-size:clamp(2.45rem,4vw,4.35rem)!important;
  line-height:.94!important;
  letter-spacing:-.045em!important;
  text-transform:none!important;
}
.venue-event-planning-page .plan-copy .plan-lead{
  margin-bottom:15px!important;
  font-size:clamp(1.12rem,1.55vw,1.42rem)!important;
  line-height:1.4!important;
}
.venue-event-planning-page .plan-copy p:not(.eyebrow):not(.plan-lead){
  margin-bottom:12px!important;
  font-size:.94rem!important;
  line-height:1.62!important;
}
.venue-event-planning-page .plan-copy .page-actions{margin-top:22px!important}

.venue-event-planning-page .plan-details-section{
  padding:clamp(58px,6.5vw,82px) clamp(24px,6vw,100px)!important;
}
.venue-event-planning-page .plan-details-inner,
.venue-event-planning-page .plan-practical-inner{width:min(1180px,100%)!important}
.venue-event-planning-page .plan-details-heading{
  grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr)!important;
  gap:40px!important;
  margin-bottom:30px!important;
}
.venue-event-planning-page .plan-details-heading h2{
  font-size:clamp(2.35rem,3.9vw,4.2rem)!important;
  line-height:.95!important;
  letter-spacing:-.045em!important;
  text-transform:none!important;
}
.venue-event-planning-page .plan-details-heading>p{font-size:.92rem!important;line-height:1.6!important}
.venue-event-planning-page .plan-detail-grid{gap:11px!important}
.venue-event-planning-page .plan-detail-card{
  min-height:0!important;
  padding:22px!important;
  border-radius:15px!important;
}
.venue-event-planning-page .plan-detail-card h3{
  margin:24px 0 10px!important;
  font-size:clamp(1.35rem,1.8vw,1.8rem)!important;
  line-height:1.03!important;
  letter-spacing:-.035em!important;
  text-transform:none!important;
}
.venue-event-planning-page .plan-detail-card p{font-size:.88rem!important;line-height:1.56!important}

.venue-event-planning-page .plan-practical-section{
  padding:clamp(54px,6vw,76px) clamp(24px,6vw,100px)!important;
}
.venue-event-planning-page .plan-practical-section .section-title{
  max-width:830px!important;
  margin-bottom:28px!important;
  font-size:clamp(2.25rem,3.8vw,4rem)!important;
  line-height:.96!important;
  text-transform:none!important;
  letter-spacing:-.045em!important;
}
.venue-event-planning-page .plan-practical-grid{gap:22px!important}
.venue-event-planning-page .plan-practical-card{padding-top:20px!important}
.venue-event-planning-page .plan-practical-card>span{margin-bottom:24px!important}
.venue-event-planning-page .plan-practical-card h3{
  font-size:clamp(1.35rem,1.9vw,1.9rem)!important;
  line-height:1.04!important;
  text-transform:none!important;
}
.venue-event-planning-page .plan-practical-card p{font-size:.9rem!important;line-height:1.6!important}

.venue-event-planning-page .plan-cta{
  padding:clamp(62px,7vw,88px) 24px!important;
}
.venue-event-planning-page .plan-cta p{
  max-width:930px!important;
  font-size:clamp(2.35rem,4.8vw,5rem)!important;
  line-height:.92!important;
  letter-spacing:-.05em!important;
  text-transform:none!important;
}
.venue-event-planning-page .plan-cta p span{
  color:#fff!important;
  -webkit-text-stroke:0!important;
  opacity:.82;
}
.venue-event-planning-page .plan-cta .page-actions{margin-top:26px!important}

/* Venue route — inherits the refreshed For Venues identity. */
.venue-event-planning-page.planning-theme-venue .planning-selector button[aria-selected="true"]{
  border-color:rgba(53,214,229,.35)!important;
  background:linear-gradient(140deg,rgba(53,214,229,.13),rgba(91,112,230,.11))!important;
}
.venue-event-planning-page.planning-theme-venue .planning-selector button[aria-selected="true"]::before{
  background:linear-gradient(90deg,var(--plan-aqua),var(--plan-cobalt))!important;
}
.venue-event-planning-page #planning-panel-venue{background:#071014;color:#f5f8fa}
.venue-event-planning-page #planning-panel-venue .plan-intro-section{
  background:radial-gradient(circle at 92% 6%,rgba(53,214,229,.08),transparent 25%),#071014;
}
.venue-event-planning-page #planning-panel-venue .plan-copy .eyebrow,
.venue-event-planning-page #planning-panel-venue .plan-details-section .eyebrow{color:var(--plan-aqua)!important}
.venue-event-planning-page #planning-panel-venue .plan-copy .plan-lead{color:var(--plan-ice)}
.venue-event-planning-page #planning-panel-venue .plan-copy p:not(.eyebrow):not(.plan-lead),
.venue-event-planning-page #planning-panel-venue .plan-details-heading>p{color:#abb9c0}
.venue-event-planning-page #planning-panel-venue .plan-details-section{
  background:linear-gradient(180deg,#0b1a21 0%,#071014 100%);
}
.venue-event-planning-page #planning-panel-venue .plan-detail-card{--plan-accent:var(--plan-aqua);border-color:rgba(217,243,245,.12)}
.venue-event-planning-page #planning-panel-venue .plan-detail-card:nth-child(even){--plan-accent:var(--plan-cobalt)}
.venue-event-planning-page #planning-panel-venue .plan-practical-section{
  color:#102129;
  background:linear-gradient(120deg,#eef8f8,#e8eef7 60%,#edf7f6);
}
.venue-event-planning-page #planning-panel-venue .plan-practical-section .eyebrow,
.venue-event-planning-page #planning-panel-venue .plan-practical-card>span{color:#277b88!important}
.venue-event-planning-page #planning-panel-venue .plan-practical-section .section-title{color:#102129!important}
.venue-event-planning-page #planning-panel-venue .plan-practical-card{border-top-color:rgba(16,33,41,.2)}
.venue-event-planning-page #planning-panel-venue .plan-practical-card p{color:#52636b}
.venue-event-planning-page #planning-panel-venue .plan-cta{
  background:radial-gradient(circle at 18% 12%,rgba(53,214,229,.16),transparent 28%),radial-gradient(circle at 84% 12%,rgba(91,112,230,.18),transparent 26%),linear-gradient(125deg,#08151b,#0b1a21 52%,#111a31)!important;
}
.venue-event-planning-page #planning-panel-venue .plan-cta p span{color:#8de8ef!important;opacity:1}
.venue-event-planning-page #planning-panel-venue .primary{background:linear-gradient(105deg,#1c9bac,#35d6e5 55%,#5b70e6)!important}
.venue-event-planning-page #planning-panel-venue .line-link{color:#9beaf0!important;border-color:#35d6e5!important}

/* Keep refreshed page identities aligned with their main marketing pages. */
.venue-event-planning-page #planning-panel-prom .plan-cta{
  background:radial-gradient(circle at 18% 15%,rgba(142,75,255,.17),transparent 30%),radial-gradient(circle at 82% 18%,rgba(194,143,255,.12),transparent 28%),linear-gradient(120deg,#241434,#27205a 55%,#17182f)!important;
}
.venue-event-planning-page #planning-panel-prom .plan-cta p span{color:#c89bff!important}
.venue-event-planning-page #planning-panel-brand .plan-copy .eyebrow,
.venue-event-planning-page #planning-panel-brand .plan-details-section .eyebrow{color:#a89be6!important}
.venue-event-planning-page #planning-panel-brand .plan-detail-card:nth-child(odd){--plan-accent:#8c78d8!important}
.venue-event-planning-page #planning-panel-brand .plan-detail-card:nth-child(even){--plan-accent:#7187c8!important}
.venue-event-planning-page #planning-panel-brand .plan-cta{
  background:radial-gradient(circle at 18% 15%,rgba(140,120,216,.18),transparent 30%),radial-gradient(circle at 82% 18%,rgba(113,135,200,.15),transparent 28%),linear-gradient(120deg,#17121f,#201a30 55%,#101627)!important;
}
.venue-event-planning-page #planning-panel-brand .plan-cta p span{color:#d7d4e3!important}

@media(max-width:900px){
  .venue-event-planning-page .planning-selector-heading,
  .venue-event-planning-page .plan-details-heading{grid-template-columns:1fr!important;gap:16px!important}
  .venue-event-planning-page .planning-selector{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .venue-event-planning-page .plan-intro-inner{grid-template-columns:1fr!important;gap:30px!important}
  .venue-event-planning-page .plan-photo{max-width:760px;width:100%;margin:0 auto}
}
@media(max-width:680px){
  .venue-event-planning-page .venue-event-planning-hero{min-height:560px!important;padding-bottom:44px!important}
  .venue-event-planning-page .venue-event-planning-hero h1{font-size:clamp(2.65rem,12vw,4.15rem)!important}
  .venue-event-planning-page .planning-selector-section{padding:34px 18px 40px!important}
  .venue-event-planning-page .planning-selector{grid-template-columns:1fr!important;gap:6px!important}
  .venue-event-planning-page .planning-selector button{
    min-height:74px!important;
    padding:13px 15px!important;
    display:grid!important;
    grid-template-columns:30px 1fr!important;
    grid-template-areas:"no label" "no note"!important;
    column-gap:8px!important;
    align-items:center!important;
  }
  .venue-event-planning-page .planning-selector .selector-no{grid-area:no}
  .venue-event-planning-page .planning-selector .selector-label{grid-area:label;font-size:1.05rem!important}
  .venue-event-planning-page .planning-selector .selector-note{grid-area:note;font-size:.68rem}
  .venue-event-planning-page .plan-intro-section,
  .venue-event-planning-page .plan-details-section,
  .venue-event-planning-page .plan-practical-section{padding-left:18px!important;padding-right:18px!important}
  .venue-event-planning-page .plan-photo{aspect-ratio:4 / 3!important}
  .venue-event-planning-page .plan-detail-grid,
  .venue-event-planning-page .plan-practical-grid{grid-template-columns:1fr!important}
  .venue-event-planning-page .plan-detail-card{padding:19px!important}
  .venue-event-planning-page .plan-detail-card h3{margin-top:18px!important}
}