@import url('/styles/templates/strip-shared.css?v=20261023b');
/* Show + tour page look for sites on the Strip template (loaded by sincityseats/show.blade.php after
   show-landing.css; the site's colour skin steps aside). SKIN ONLY: colours, type and surfaces. Layout,
   order and controls of the dates, cart and pinned bar stay exactly as the Checkout UX spec sets them.
   Same tokens as templates/strip.css. */
body.tpl-show.tpl-show-strip {
    --st-bg: #0b0d1f;
    --st-surface: #141733;
    --st-surface-2: #1c2045;
    --st-line: #2a2f5e;
    --st-ink: #f5f6ff;
    --st-ink-2: #c6cae8;
    --st-ink-3: #9aa0c8;
    --st-pink: #ff2e9a;
    --st-cyan: #19e3ff;
    --st-gold: #ffc94a;
    background:
        radial-gradient(ellipse 60% 30% at 0% 0%, rgba(255, 46, 154, .10), transparent 70%),
        radial-gradient(ellipse 60% 30% at 100% 0%, rgba(25, 227, 255, .08), transparent 70%),
        var(--st-bg);
    color: var(--st-ink);
    font-family: 'Inter', system-ui, sans-serif;
}

/* ---- header ------------------------------------------------------------------------------- */
body.tpl-show.tpl-show-strip .site-header { background: rgba(11, 13, 31, .94); border-bottom: 1px solid var(--st-line); box-shadow: none; }
body.tpl-show.tpl-show-strip .site-header :is(.nav-links a, .nav-dropdown-toggle, .hamburger) {
    color: var(--st-ink); font-family: 'Inter', sans-serif; font-weight: 600; font-size: 15px; letter-spacing: .02em; text-transform: uppercase;
}
body.tpl-show.tpl-show-strip .site-header :is(.nav-links a, .nav-dropdown-toggle):hover { color: var(--st-cyan); }

/* ---- hero --------------------------------------------------------------------------------- */
body.tpl-show.tpl-show-strip :is(.show-hero, .show-hero-head) { background: transparent; }
body.tpl-show.tpl-show-strip .show-hero-title {
    font-family: 'Oswald', sans-serif; font-weight: 700; letter-spacing: .005em; text-transform: uppercase;
    color: #ffffff; text-shadow: 0 2px 18px rgba(0, 0, 0, .5); line-height: 1.02;
}
body.tpl-show.tpl-show-strip .show-hero-tagline { color: var(--st-cyan); text-shadow: none; font-family: 'Inter', sans-serif; }
body.tpl-show.tpl-show-strip .show-hero-when { color: var(--st-ink-2); font-family: 'Inter', sans-serif; }
body.tpl-show.tpl-show-strip .show-hero-when-venue { color: var(--st-ink); }
body.tpl-show.tpl-show-strip .show-hero-rating { background: var(--st-surface); border: 1px solid var(--st-line); box-shadow: none; color: var(--st-ink); }
body.tpl-show.tpl-show-strip :is(.show-hero-rating-star--full, .show-hero-rating-star--half) { color: var(--st-gold); }
body.tpl-show.tpl-show-strip :is(.show-hero-overlay .starting-price, .starting-price) { color: var(--st-cyan); text-shadow: none; font-family: 'Inter', sans-serif; font-weight: 800; }
body.tpl-show.tpl-show-strip .hero-date-label { color: var(--st-ink); letter-spacing: .02em; text-transform: uppercase; font-family: 'Oswald', sans-serif; font-weight: 600; }

/* Date buttons: indigo tiles with a neon cyan edge. */
body.tpl-show.tpl-show-strip .cta-button.hero-date-btn {
    background: var(--st-surface); color: var(--st-ink); border: 0; border-radius: 12px;
    box-shadow: 0 0 0 1px var(--st-cyan), 0 0 12px rgba(25, 227, 255, .25); font-family: 'Inter', sans-serif; font-weight: 700;
}
body.tpl-show.tpl-show-strip .cta-button.hero-date-btn:hover { background: var(--st-surface-2); filter: none; box-shadow: 0 0 0 1px var(--st-cyan), 0 0 16px rgba(25, 227, 255, .45); }
body.tpl-show.tpl-show-strip .hero-date-btn .hero-date-btn-book-now { color: var(--st-pink); font-weight: 800; letter-spacing: .04em; }
body.tpl-show.tpl-show-strip .hero-more-dates { color: var(--st-cyan); }

/* The one primary action: neon pink with a soft glow. */
body.tpl-show.tpl-show-strip .cta-button:not(.hero-date-btn):not(.cta-button--outline) {
    background: var(--st-pink); color: #ffffff; border-radius: 12px; box-shadow: 0 0 18px rgba(255, 46, 154, .45);
    font-family: 'Inter', sans-serif; font-weight: 800; letter-spacing: .05em; text-transform: uppercase;
}
body.tpl-show.tpl-show-strip .cta-button:not(.hero-date-btn):not(.cta-button--outline):hover { filter: brightness(1.08); }
body.tpl-show.tpl-show-strip .cta-button--outline { color: var(--st-cyan) !important; border-color: var(--st-cyan) !important; border-radius: 12px; }
body.tpl-show.tpl-show-strip .show-hero-trust { color: var(--st-ink-3); }

/* ---- body sections ------------------------------------------------------------------------ */
body.tpl-show.tpl-show-strip .show-page { background: transparent; }
body.tpl-show.tpl-show-strip .section-card {
    background: var(--st-surface); border: 1px solid var(--st-line); border-radius: 14px; box-shadow: none; color: var(--st-ink);
}
body.tpl-show.tpl-show-strip .section-card h2 {
    font-family: 'Oswald', sans-serif; font-weight: 600; text-transform: uppercase; letter-spacing: .02em; line-height: 1.1;
    color: var(--st-ink); border-bottom: 0; padding-bottom: 0; padding-left: 12px; border-left: 4px solid var(--st-pink); text-shadow: none;
}
body.tpl-show.tpl-show-strip :is(.section-card p, .section-card li, .about-content) { color: var(--st-ink-2); }
body.tpl-show.tpl-show-strip :is(.section-card a, .venue-link, .about-content a) { color: var(--st-cyan); }
body.tpl-show.tpl-show-strip :is(.show-jump-nav a, .show-category-tags a) { border-color: var(--st-line); color: var(--st-ink); background: var(--st-surface); border-radius: 999px; }
body.tpl-show.tpl-show-strip :is(.show-jump-nav a, .show-category-tags a):hover { border-color: var(--st-cyan); }
body.tpl-show.tpl-show-strip :is(.guest-review-item, .faq-item) { background: var(--st-surface-2); border: 1px solid var(--st-line); border-radius: 12px; }
body.tpl-show.tpl-show-strip .faq-header { color: var(--st-ink); }

/* ---- booking card (sidebar) --------------------------------------------------------------- */
body.tpl-show.tpl-show-strip .sidebar-title { font-family: 'Oswald', sans-serif; font-weight: 600; text-transform: uppercase; color: var(--st-ink); letter-spacing: .02em; }
body.tpl-show.tpl-show-strip .sidebar-price { color: var(--st-cyan); text-shadow: none; font-family: 'Inter', sans-serif; font-weight: 800; }
body.tpl-show.tpl-show-strip .sidebar-venue { color: var(--st-ink-3); }
body.tpl-show.tpl-show-strip .sidebar-date-link {
    background: var(--st-surface-2); color: var(--st-ink); border: 1px solid var(--st-line); border-radius: 10px; box-shadow: none;
    font-family: 'Inter', sans-serif; font-weight: 700;
}
body.tpl-show.tpl-show-strip .sidebar-date-link:hover { border-color: var(--st-cyan); color: var(--st-ink); background: var(--st-surface-2); }
body.tpl-show.tpl-show-strip .sidebar-date-link-time { color: var(--st-cyan); }
body.tpl-show.tpl-show-strip .mini-calendar { background: var(--st-surface-2); border: 1px solid var(--st-line); border-radius: 12px; }
body.tpl-show.tpl-show-strip :is(.mini-calendar-month, .mini-calendars-title) { color: var(--st-ink); }
body.tpl-show.tpl-show-strip .mini-calendar-head { color: var(--st-ink-3); }
body.tpl-show.tpl-show-strip .mini-calendar-day.has-event {
    background: transparent; color: var(--st-cyan); border: 1px solid var(--st-cyan); border-radius: 8px; box-shadow: none;
}
body.tpl-show.tpl-show-strip .mini-calendar-day.has-event:hover { background: rgba(25, 227, 255, .14); }
body.tpl-show.tpl-show-strip .sidebar-show-card { background: var(--st-surface-2); border: 1px solid var(--st-line); border-radius: 12px; }
body.tpl-show.tpl-show-strip .sidebar-show-card-price { color: var(--st-cyan); }

/* ---- pinned phone bar ----------------------------------------------------------------------- */
body.tpl-show.tpl-show-strip .mobile-sticky { background: rgba(11, 13, 31, .97); border-top: 1px solid var(--st-line); box-shadow: 0 -8px 24px rgba(0, 0, 0, .4); }
body.tpl-show.tpl-show-strip .mobile-sticky-price-label { color: var(--st-ink-3); text-shadow: none; }
body.tpl-show.tpl-show-strip .mobile-sticky-price-value { color: var(--st-cyan); text-shadow: none; }

/* Any colour skin's dark-on-light text rules must not reach the dark page. */
body.tpl-show.tpl-show-strip :is(.section-card .about-content p, .section-card .about-content ul, .section-card .about-content ol,
    .section-card .about-content li, .sidebar-meta, .faq-body, .guest-review-item) { color: var(--st-ink-2); }

@media (max-width: 768px) {
    body.tpl-show.tpl-show-strip .show-hero-title { font-size: 34px; }
}

/* Short pages: the corner glow must not tile; the canvas behind it stays indigo. */
body.tpl-show.tpl-show-strip { background-repeat: no-repeat; background-attachment: fixed; }
html:has(> body.tpl-show-strip) { background: #0b0d1f; }