@import url('/styles/templates/strip-shared.css?v=20261023b');
/* Secondary pages under Strip: values for templates/page-skin.css (midnight indigo, neon pink/cyan
   accents, Oswald headings, Inter text), plus the neon-bokeh banner behind each page title and the
   neon outline on buttons/chips that the homepage uses. */
body.tpl-page.tpl-page-strip {
    --pg-bg: #0b0d1f; --pg-surface: #141733; --pg-surface-2: #1c2045; --pg-line: #2a2f5e; --pg-chip-line: #2a2f5e;
    --pg-ink: #f5f6ff; --pg-ink-2: #c6cae8; --pg-ink-3: #9aa0c8;
    --pg-accent: #19e3ff; --pg-accent-hover: #6cefff; --pg-accent-ink: #0b0d1f;
    --pg-price: #19e3ff; --pg-star: #ffc94a;
    --pg-display: 'Oswald'; --pg-display-weight: 700; --pg-display-tracking: .01em;
    --pg-text: 'Inter'; --pg-button-font: 'Inter'; --pg-nav-font: 'Inter';
    --pg-nav-transform: uppercase; --pg-nav-tracking: .02em; --pg-nav-size: 15px;
    --pg-radius: 14px; --pg-btn-radius: 10px;
    --pg-header-bg: rgba(11, 13, 31, .94); --pg-header-ink: #f5f6ff;
    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%),
        #0b0d1f;
}
body.tpl-page.tpl-page-strip .layout-main { background: transparent; }
body.tpl-page.tpl-page-strip .site-header { border-bottom: 1px solid var(--pg-line); }
body.tpl-page.tpl-page-strip .layout-main h1 { text-transform: uppercase; }

/* Page titles sit on the template's neon-bokeh night banner (generated for Strip, no text in it). */
body.tpl-page.tpl-page-strip :is(.tonight-hero, .datewin-hero, .deals-hero, .tribute-hero, .calendar-header, .faq-header) {
    background: linear-gradient(90deg, rgba(11, 13, 31, .9) 0%, rgba(11, 13, 31, .55) 60%, rgba(11, 13, 31, .35) 100%),
        url('/images/templates/strip/banner-neon.webp') center / cover no-repeat, var(--pg-surface);
    border: 1px solid var(--pg-line); border-radius: var(--pg-radius); box-shadow: none;
}
body.tpl-page.tpl-page-strip :is(.tonight-hero, .datewin-hero, .deals-hero, .tribute-hero, .calendar-header, .faq-header) :is(h1, h2, p, .section-title) {
    color: #ffffff; text-shadow: 0 2px 14px rgba(0, 0, 0, .6);
}

/* The one action per card: neon pink outline (the homepage's Buy tickets), cyan on hover. */
body.tpl-page.tpl-page-strip :is(.cat-card-cta, .deals-cta) {
    background: transparent; color: #ff2e9a; box-shadow: 0 0 0 1px #ff2e9a, 0 0 14px rgba(255, 46, 154, .45);
    text-transform: uppercase; letter-spacing: .04em; font-weight: 700;
}
body.tpl-page.tpl-page-strip :is(.cat-card-cta, .deals-cta):hover { background: rgba(255, 46, 154, .12); color: #ff2e9a; }
body.tpl-page.tpl-page-strip :is(.search-form button, .faq-contact__cta) { font-weight: 700; }
body.tpl-page.tpl-page-strip :is(.facet a.is-on, .datewin-links a[aria-current="page"]) {
    background: rgba(255, 46, 154, .14); border-color: #ff2e9a; color: #ffffff; box-shadow: 0 0 12px rgba(255, 46, 154, .45);
}
body.tpl-page.tpl-page-strip :is(.cat-card, .deals-card, .datewin-show):hover { border-color: #19e3ff; }
body.tpl-page.tpl-page-strip .tonight-item:hover .tonight-cta { box-shadow: 0 0 12px rgba(25, 227, 255, .5); }

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

/* Performers index (/performers): the page carries its own cyan-on-black poster styles, so Strip
   restates them — title on the neon banner, homepage-style cards (photo, then an indigo body with
   the show line in pink, name, and the neon "View profile" outline). Scoped to the page. */
body.tpl-page-strip.performers-index-page {
    --gold: #19e3ff; --gold-soft: #ff2e9a; --surface: #141733; --surface-2: #1c2045; --line: #2a2f5e; --muted: #9aa0c8;
}
body.tpl-page-strip .performers-hero .container {
    padding: 30px 28px; border: 1px solid var(--pg-line); border-radius: var(--pg-radius);
    background: linear-gradient(90deg, rgba(11, 13, 31, .9) 0%, rgba(11, 13, 31, .55) 60%, rgba(11, 13, 31, .35) 100%),
        url('/images/templates/strip/banner-neon.webp') center / cover no-repeat, var(--pg-surface);
}
body.tpl-page-strip .performers-hero h1 { font-family: 'Oswald', sans-serif; font-weight: 700; letter-spacing: .01em; text-shadow: 0 2px 14px rgba(0, 0, 0, .6); }
body.tpl-page-strip .performers-hero h1 .accent {
    background: none; -webkit-text-fill-color: #19e3ff; color: #19e3ff; text-shadow: 0 0 18px rgba(25, 227, 255, .55);
}
body.tpl-page-strip .performers-hero .lead { color: #ffffff; text-shadow: 0 2px 14px rgba(0, 0, 0, .6); }
body.tpl-page-strip .performers-hero .count {
    color: #ff2e9a; border-color: #ff2e9a; background: rgba(11, 13, 31, .6); font-weight: 700;
    box-shadow: 0 0 12px rgba(255, 46, 154, .4);
}
body.tpl-page-strip .performer-breadcrumb a { color: #19e3ff; }

body.tpl-page-strip a.performer-card { display: flex; flex-direction: column; border: 0; border-radius: 14px; box-shadow: 0 0 0 1px var(--pg-line); background: var(--pg-surface); }
body.tpl-page-strip a.performer-card:hover,
body.tpl-page-strip a.performer-card:focus-visible { transform: translateY(-3px); box-shadow: 0 0 0 1px #19e3ff, 0 0 18px rgba(25, 227, 255, .25); }
body.tpl-page-strip .performer-media { aspect-ratio: auto; display: flex; flex-direction: column; flex: 1; overflow: visible; background: transparent; }
body.tpl-page-strip .performer-media::after { content: none; }
body.tpl-page-strip .performer-media img { aspect-ratio: 3 / 4; height: auto; background: var(--pg-surface-2); }
body.tpl-page-strip a.performer-card:hover .performer-media img { transform: none; }
body.tpl-page-strip .performer-placeholder { position: relative; inset: auto; aspect-ratio: 3 / 4; background: linear-gradient(150deg, #2a1f4d 0%, #141733 100%); }
body.tpl-page-strip .performer-placeholder span { font-family: 'Oswald', sans-serif; }
body.tpl-page-strip .performer-body { position: static; display: flex; flex-direction: column; gap: 4px; flex: 1; padding: 12px 14px 14px; }
body.tpl-page-strip .performer-eyebrow { color: #ff2e9a; margin: 0; }
body.tpl-page-strip .performer-name { font-family: 'Inter', sans-serif; font-size: 18px; text-shadow: none; }
body.tpl-page-strip a.performer-card:hover .performer-name { color: #19e3ff; }
body.tpl-page-strip .performer-cta {
    margin-top: auto; padding: 9px 10px; opacity: 1; transform: none; text-align: center; border-radius: 10px;
    color: #ff2e9a; box-shadow: 0 0 0 1px #ff2e9a, 0 0 14px rgba(255, 46, 154, .45);
    text-transform: uppercase; letter-spacing: .04em; font-weight: 700; font-size: 13px;
}
body.tpl-page-strip .performer-name { margin-bottom: 6px; }
body.tpl-page-strip .performers-grid > a:nth-child(even) .performer-cta { color: #19e3ff; box-shadow: 0 0 0 1px #19e3ff, 0 0 14px rgba(25, 227, 255, .4); }
body.tpl-page-strip a.performer-card:hover .performer-cta { background: rgba(255, 46, 154, .12); }
@media (max-width: 520px) {
    body.tpl-page-strip .performers-hero .container { padding: 22px 18px; }
    body.tpl-page-strip .performers-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
    body.tpl-page-strip .performer-body { padding: 10px 11px 12px; }
    body.tpl-page-strip .performer-name { font-size: 15.5px; }
    body.tpl-page-strip .performer-cta { display: block; padding: 8px 6px; font-size: 12px; }
}