/* ============================================================
   V4 EVENTS BRAND THEME — loaded after all page CSS.
   Palette from the V4 Events Ltd logo: gold/amber lettering on
   near-black, with the neon ring (pink/purple/blue/cyan/orange)
   as accents. Overrides the legacy purple/pink theme.
   ============================================================ */

:root {
    --primary: #EAB308;
    --primary-dark: #CA8A04;
    --primary-light: #FFD94D;
    --secondary: #FF8A00;
    --accent: #A855F7;
    --accent-green: #10B981;
    --accent-cyan: #22D3EE;
    --dark: #0A0A12;
    --dark-light: #16121F;
    --gradient-primary: linear-gradient(135deg, #FFD94D 0%, #FF8A00 100%);
    --gradient-dark: linear-gradient(180deg, #0A0A12 0%, #1A1424 100%);
    --shadow-glow: 0 0 40px rgba(255, 179, 71, 0.30);
}

/* ---------- Landing page: dark text on gold surfaces ---------- */
.sticky-book-button,
.hero-badge,
.venue-continue-btn,
.selected-seat-item {
    color: #1a1206 !important;
}
.sticky-book-button {
    background: linear-gradient(135deg, #FFD94D 0%, #FF8A00 100%) !important;
    box-shadow: 0 4px 24px rgba(255, 170, 40, 0.45) !important;
}
.sticky-book-button:hover { filter: brightness(1.06); }

/* ---------- Shared buttons across booking flow ---------- */
.btn-primary,
.add-details-btn,
.modal-btn-proceed,
.pay-now-btn,
.promo-apply-btn,
.apply-promo-btn,
.btn-primary-success,
.download-qr-btn,
.venue-continue-btn {
    background: linear-gradient(135deg, #FFD94D 0%, #FF8A00 100%) !important;
    color: #1a1206 !important;
    border: none !important;
    box-shadow: 0 4px 18px rgba(255, 170, 40, 0.35) !important;
}
.btn-primary:hover,
.add-details-btn:hover,
.modal-btn-proceed:hover,
.pay-now-btn:hover,
.promo-apply-btn:hover,
.apply-promo-btn:hover,
.btn-primary-success:hover,
.download-qr-btn:hover {
    filter: brightness(1.06);
    transform: translateY(-1px);
}
.btn-primary:disabled,
.pay-now-btn:disabled {
    filter: grayscale(.5) brightness(.8);
}

/* ---------- Checkout: headers, focus states, accents ---------- */
.summary-card-header,
.reservation-modal-header {
    background: linear-gradient(135deg, #17111f 0%, #2a1d05 100%) !important;
    color: #FFD94D !important;
}
.summary-card-header * { color: #FFD94D !important; }

.form-control:focus,
.promo-input:focus,
.promo-input-compact:focus {
    border-color: #EAB308 !important;
    box-shadow: 0 0 0 3px rgba(234, 179, 8, 0.25) !important;
}
.summary-section-title,
.summary-section h4,
.selection-label,
.process-list .step-num,
.summary-item .label i,
.customer-row i,
.price-row-simple span:first-child i {
    color: #CA8A04 !important;
}
.process-list .step-num {
    background: rgba(234, 179, 8, 0.15) !important;
}
.consent-label a { color: #CA8A04 !important; }
.seat-tag {
    background: rgba(234, 179, 8, 0.15) !important;
    color: #92610a !important;
    border-color: rgba(234, 179, 8, 0.4) !important;
}

/* ---------- Landing page: hardcoded legacy purple/indigo ---------- */
.about-event-icon,
.about-event-btn,
.accordion-icon.about,
.accordion-icon.venue,
.accordion-icon.food,
.accordion-icon.children,
.accordion-icon.faq,
.accordion-icon.sponsors,
.showcase-badge {
    background: linear-gradient(135deg, #FFD94D 0%, #FF8A00 100%) !important;
    color: #1a1206 !important;
}
.about-event-btn:hover { filter: brightness(1.06); }

/* Seat picker: selected seats go V4 gold with dark text */
.seat.selected {
    background-color: #EAB308 !important;
    border-color: #CA8A04 !important;
    color: #1a1206 !important;
}
.column-label.highlighted,
.confirm-label i {
    color: #CA8A04 !important;
}
.zoom-btn:hover {
    background: #EAB308 !important;
    color: #1a1206 !important;
}

/* ---------- Layout chrome (checkout pages): V4 dark + gold ---------- */
body {
    background: linear-gradient(160deg, #0A0A12 0%, #1A1424 55%, #241A06 100%) !important;
}
.top-banner {
    background: linear-gradient(90deg, #0A0A12 0%, #16121F 60%, #241A06 100%) !important;
}
.bom-brand .bom-logo {
    background: linear-gradient(135deg, #FFD94D, #FF8A00) !important;
    color: #1a1206 !important;
}
.bom-brand span {
    background: linear-gradient(90deg, #FFD94D, #FF8A00, #A855F7) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}
.logo-icon {
    background: linear-gradient(135deg, #FFD94D 0%, #FF8A00 100%) !important;
    color: #1a1206 !important;
    box-shadow: 0 4px 15px rgba(255, 170, 40, 0.35) !important;
}
.header-contact i { color: #CA8A04 !important; }
.nav-menu li a:hover,
.presenter-info a:hover { color: #EAB308 !important; }
.nav-menu li a::after { background: #EAB308 !important; }

/* Hero banner: focus the crop on the upper part of the artwork (face visible) */
.hero-compact .hero-banner-image {
    object-position: center 22% !important;
}