/* Purchase pages on vegasamerica.com under the LIBERTY design (GA tickets, seat map, checkout, confirmation, expired).
   COLOUR SKIN ONLY: docs/Checkout-UX-Spec.md 7.3 keeps one layout everywhere, so nothing here moves, resizes or hides
   anything, and no font changes. The dark surfaces take the flag navy of the show site, a red/white/blue stripe on
   the header. Every functional colour is left alone (seat price colours, selected seats, Checkout button, sold-out red,
   success green). Loaded by HomepageTemplate::purchaseShowSkinKey() — preview only (?template=liberty) until 'liberty'
   is added to SHOW_PURCHASE_SKINS_LIVE. Same structure as diamonds-purchase.css. */
body.tpl-buy-liberty {
    --lbb-bg: #081d4a;
    --lbb-surface: #0e2a63;
    --lbb-surface-2: #143572;
    --lbb-input: #0a2256;
    --lbb-line: rgba(255, 255, 255, .18);
    --lbb-stage: #061538;
    background: radial-gradient(ellipse 70% 30% at 50% 0%, rgba(200, 16, 46, .14), transparent 70%), var(--lbb-bg) !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
    min-height: 100vh;
}
html:has(> body.tpl-buy-liberty) { background: #081d4a; }

/* Header bar: flag navy, the red/white/blue stripe under it. */
body.tpl-buy-liberty :is(.seating-header, .site-header) {
    background: #0b2a66; box-shadow: none; border-bottom: 6px solid transparent;
    border-image: linear-gradient(#c8102e 0 2px, #ffffff 2px 4px, #c8102e 4px 6px) 6;
}
body.tpl-buy-liberty :is(.site-header .logo img, .seating-header-logo img) { content: url('/uploads/sites/site-15-logo-cutout.png'); }

/* Cards and panels. */
body.tpl-buy-liberty :is(.card, .sidebar, .consumer-actions, .seat-cart-card, .checkout-card, .ga-intro-note,
    .ga-modal-card, .scs-ga-modal__card, .hold-expired-card, .ga-page:not(.ga-page--seatmap) .ga-actions) {
    background: var(--lbb-surface); border-color: var(--lbb-line);
}
body.tpl-buy-liberty :is(.ga-section-card, .ga-summary) {
    background: linear-gradient(180deg, #123372 0%, #0c2659 100%); border-color: var(--lbb-line);
}
body.tpl-buy-liberty .ga-section-card.ga-section-sold-out { background: var(--lbb-surface); }

/* Map stage: deep navy so the seats read. */
body.tpl-buy-liberty :is(.map-panel, .map-viewport, .map-panel svg) { background: var(--lbb-stage); }

/* Inputs, steppers, small buttons. */
body.tpl-buy-liberty :is(.field input, #stripe-card-element, .stripe-payment-element-wrap, .promo-row input, .promo-controls input,
    .ga-promo-input, .controls input, .controls select, .consumer-controls select, .consumer-controls input) {
    background: var(--lbb-input); border-color: var(--lbb-line);
}
body.tpl-buy-liberty :is(.zoom-controls .zoom-btn, .ga-quantity-btn, .ga-stepper-button, .scs-ga-modal__step, .btn:not(.primary),
    .pay-alt .pay-btn, .promo-controls button, .ga-promo-apply) {
    background: var(--lbb-surface-2); border-color: var(--lbb-line);
}
body.tpl-buy-liberty :is(.ga-modal-quantity-display) { background: var(--lbb-bg); }