/* GAI World 2026 - header & mobile enhancements v5 (2026-08-06)
   1. buy-passes hero eyebrow: was 22px + nowrap on mobile -> overflowed. Match homepage (14px, wraps).
   2. Preferred-pricing banner becomes a link to /buy-passes.
   3. "Secure Your Spot" appended to the bottom of the mobile hamburger menu.
   v2: CTA label forced black (theme sets .nav-link white !important) + pill evenly spaced.
   v3: buy-passes ticket cards on mobile - price parity across all four cards, and the
       card head block (eyebrow / title / date / price / save pill) centre-aligned.
       Feature lists deliberately stay left-aligned.
   v4: removed the theme's .nav-item white border-bottom from the menu CTA row - it read
       as an underline beneath the pill. The border-top separator above it is intentional.
   v5: the price row still rendered left. .designation is display:flex, so text-align had
       no effect on it - needs justify-content. Now centres as a unit (price + strikethrough). */
@media (max-width:767.98px){
  .hs-content-id-208600828209 .hero .heading .pre-title{
    font-size:14px !important;line-height:1.6 !important;
    white-space:normal !important;letter-spacing:.5px !important;
  }
  /* Cards 2 & 4 (VIP, VIP Group) were 30px/900 while 1 & 3 were 50px/700 - normalise all four. */
  .hs-content-id-208600828209 .tickets-sell .card .designation h4{
    font-size:50px !important;font-weight:700 !important;letter-spacing:-1px !important;
  }
  .hs-content-id-208600828209 .tickets-sell .card .cards-eyebrow-text,
  .hs-content-id-208600828209 .tickets-sell .card .card-top > h2,
  .hs-content-id-208600828209 .tickets-sell .card .date-card,
  .hs-content-id-208600828209 .tickets-sell .card .designation,
  .hs-content-id-208600828209 .tickets-sell .card .standerd-rate{
    text-align:center !important;
  }
  /* .designation is a flex row - text-align alone does nothing here. */
  .hs-content-id-208600828209 .tickets-sell .card .designation{
    justify-content:center !important;align-items:baseline !important;flex-wrap:wrap !important;
  }
}
.header-promo-banner__link{display:block;color:inherit;text-decoration:none;cursor:pointer}
.header-promo-banner__link:hover,.header-promo-banner__link:focus{color:inherit;text-decoration:none;opacity:.92}
.gw-nav-cta{display:none !important}
@media (max-width:991.98px){
  .gw-nav-cta{
    display:block !important;margin-top:14px;padding-top:24px;margin-bottom:4px;
    border-top:1px solid rgba(255,255,255,.25);
  }
  .navbar .navbar-collapse ul.navbar-nav li.gw-nav-cta{border-bottom:0 !important}
  .navbar .navbar-collapse ul.navbar-nav li.gw-nav-cta a.gw-nav-cta__link{
    display:block;width:100%;box-sizing:border-box;
    background:#FBCC24;
    color:#000 !important;-webkit-text-fill-color:#000 !important;
    font-weight:700 !important;border-radius:999px;padding:12px 18px !important;
    text-align:center !important;text-decoration:none;border-bottom:0 !important;
  }
}
