/* ═══════════════════════════════════════════════════════════════════════
   CHILL ACT — GLOBAL LIGHT THEME OVERRIDE
   Dropped on top of every dark-themed page. Flips colors, swaps yellow
   text (which fails on white) to amber, keeps the brand accents.
   To revert: just remove the <link rel="stylesheet" href="light-theme.css">
   from each HTML page.
   ═══════════════════════════════════════════════════════════════════════ */

:root {
  --lt-bg: #faf7f1;
  --lt-bg-alt: #ffffff;
  --lt-bg-soft: #f0ece2;
  --lt-bg-card: #ffffff;
  --lt-text: #1a1a2e;
  --lt-text-2: rgba(26,26,46,.7);
  --lt-text-3: rgba(26,26,46,.55);
  --lt-text-4: rgba(26,26,46,.45);
  --lt-text-5: rgba(26,26,46,.35);
  --lt-border: rgba(26,26,46,.1);
  --lt-border-strong: rgba(26,26,46,.18);
  --lt-shadow: 0 4px 18px rgba(0,0,0,.06);
  --lt-shadow-md: 0 8px 28px rgba(0,0,0,.1);
  /* Visible swap for yellow-on-dark text */
  --lt-amber: #c98e00;
  --lt-amber-deep: #a06d00;
}

/* ── BODY + GLOBALS ─────────────────────────────────────────────── */
body { background: var(--lt-bg) !important; color: var(--lt-text) !important; }

/* ── NAVS (top bar across all pages) ────────────────────────────── */
nav { background: rgba(255,255,255,.94) !important; border-bottom: 1px solid var(--lt-border) !important; backdrop-filter: blur(20px) !important; }
.brand { color: var(--lt-text) !important; }
.brand .name { color: var(--lt-text) !important; }
.brand .name span { color: var(--lt-amber) !important; }
.brand-suffix { color: var(--pink) !important; background: rgba(218,116,182,.1) !important; border-color: rgba(218,116,182,.3) !important; }
.nav-tabs .nav-tab { color: var(--lt-text-3) !important; }
.nav-tabs .nav-tab:hover:not(.active) { background: rgba(0,0,0,.04) !important; color: var(--lt-text) !important; }
.nav-tabs .nav-tab.active { background: rgba(201,142,0,.12) !important; color: var(--lt-amber) !important; border-color: rgba(201,142,0,.3) !important; }
.admin-avatar { background: linear-gradient(135deg,var(--mint),var(--sky)) !important; }
.back-link { color: var(--lt-text-3) !important; }
.back-link:hover { color: var(--lt-text) !important; }

/* Homepage-specific nav */
.nav-logo { color: var(--lt-text) !important; }
.nav-logo span { color: var(--lt-amber) !important; }
.nav-links a { color: var(--lt-text-3) !important; }
.nav-links a:hover { color: var(--lt-text) !important; }
.nav-exhibitor { color: var(--lt-text) !important; border-color: var(--lt-border-strong) !important; }
.nav-exhibitor:hover { background: rgba(0,0,0,.04) !important; border-color: var(--lt-text) !important; }
.dropdown-menu { background: rgba(255,255,255,.98) !important; border-color: var(--lt-border) !important; box-shadow: 0 16px 40px rgba(0,0,0,.12) !important; }
.dropdown-item { color: var(--lt-text-3) !important; }
.dropdown-item:hover { background: rgba(0,0,0,.04) !important; color: var(--lt-text) !important; }
.dropdown-item-city { color: var(--lt-text) !important; }
.dropdown-item-state { color: var(--lt-text-4) !important; }
.dropdown-divider { background: var(--lt-border) !important; }
.dd-state-name { color: var(--lt-text-3) !important; }
.dd-state-count { color: var(--lt-amber) !important; background: rgba(201,142,0,.1) !important; }
.dd-thumb { border: 1px solid var(--lt-border) !important; }

/* ── PAGE HEADERS ───────────────────────────────────────────────── */
.page-header h1, .page-header-left h1, h1 { color: var(--lt-text) !important; }
.page-header p, .page-header-left p { color: var(--lt-text-3) !important; }

/* ── SECTION HEADINGS ───────────────────────────────────────────── */
.section-eyebrow { color: var(--mint) !important; }
.section-eyebrow.eyebrow-pink, [class*="section-eyebrow"][style*="pink"] { color: var(--pink) !important; }
.section-title { color: var(--lt-text) !important; }
.section-title em { color: var(--lt-amber) !important; }
.section-sub { color: var(--lt-text-3) !important; }
.sec-head-row h2 { color: var(--lt-text) !important; }
.sec-head-row h2 em { color: var(--lt-amber) !important; }
.sec-subhead { color: var(--lt-text-3) !important; }

/* ── HERO (homepage) ────────────────────────────────────────────── */
.hero { background: linear-gradient(180deg,#fff,var(--lt-bg) 60%) !important; }
.bubble-solid { background: radial-gradient(circle at 35% 35%,rgba(0,0,0,.15),rgba(0,0,0,.02)) !important; border-color: rgba(0,0,0,.1) !important; }
.bubble-ring { border-color: rgba(0,0,0,.1) !important; }
.eyebrow-text { color: var(--lt-text-3) !important; }
.h1-white { color: var(--lt-text) !important; }
.h1-yellow { color: var(--lt-amber) !important; -webkit-text-fill-color: var(--lt-amber) !important; background: none !important; }
.hero-tagline { color: var(--pink) !important; }
.hero-sub { color: var(--lt-text-2) !important; }
.hero-sub strong { color: var(--lt-text) !important; }

/* HERO STATS */
.hero-stats { background: rgba(0,0,0,.04) !important; border-color: var(--lt-border) !important; }
.stat-item + .stat-item::before { background: rgba(0,0,0,.08) !important; }
.stat-num { color: var(--lt-text) !important; }
/* gradient yellow→pink number stays as gradient (valid on light bg) */
.stat-label { color: var(--lt-text-4) !important; }

/* ── IMPACT BAND + cards ────────────────────────────────────────── */
.impact-band { background: linear-gradient(135deg,#fff,var(--lt-bg-soft)) !important; border-color: var(--lt-border) !important; }
.impact-card { background: var(--lt-bg-card) !important; border-color: var(--lt-border) !important; box-shadow: var(--lt-shadow); }
.impact-card:hover { background: var(--lt-bg-card) !important; box-shadow: var(--lt-shadow-md) !important; }
.impact-num { color: var(--lt-text) !important; }
.impact-label { color: var(--lt-text-4) !important; }
.impact-desc { color: var(--lt-text-5) !important; }

/* ── WHAT IS section ────────────────────────────────────────────── */
.what-section { background: var(--lt-bg) !important; }
.what-left p { color: var(--lt-text-2) !important; }
.what-card { background: var(--lt-bg-card) !important; border-color: var(--lt-border) !important; box-shadow: var(--lt-shadow) !important; }
.what-card-title { color: var(--lt-text) !important; }
.what-card-desc { color: var(--lt-text-3) !important; }

/* ── ZONES grid ─────────────────────────────────────────────────── */
.zones-section { background: var(--lt-bg-soft) !important; }
/* Wipe the dark gradient each card inherits; swap in a white card w/ soft colored corner */
.zone-card {
  background: #ffffff !important;
  border: 1px solid var(--lt-border) !important;
  box-shadow: var(--lt-shadow-md) !important;
  color: var(--lt-text) !important;
}
.zone-card::before { opacity: .55 !important; }
.zone-card .zone-name { color: var(--lt-text) !important; }
.zone-card .zone-desc { color: var(--lt-text-3) !important; }
/* Per-card colored tint in the TOP-LEFT only (leaves text area clean white) */
.zone-card:nth-child(1) { background: linear-gradient(145deg, rgba(218,116,182,.22) 0%, #fff 55%) !important; border-color: rgba(218,116,182,.4) !important; }
.zone-card:nth-child(2) { background: linear-gradient(145deg, rgba(92,183,174,.22) 0%, #fff 55%) !important; border-color: rgba(92,183,174,.4) !important; }
.zone-card:nth-child(3) { background: linear-gradient(145deg, rgba(94,167,204,.22) 0%, #fff 55%) !important; border-color: rgba(94,167,204,.4) !important; }
.zone-card:nth-child(4) { background: linear-gradient(145deg, rgba(255,220,94,.26) 0%, #fff 55%) !important; border-color: rgba(255,220,94,.55) !important; }
.zone-card:nth-child(5) { background: linear-gradient(145deg, rgba(154,204,202,.22) 0%, #fff 55%) !important; border-color: rgba(154,204,202,.4) !important; }
.zone-card:nth-child(6) { background: linear-gradient(145deg, rgba(166,201,155,.22) 0%, #fff 55%) !important; border-color: rgba(166,201,155,.4) !important; }
.zone-card:nth-child(7) { background: linear-gradient(145deg, rgba(255,126,95,.18) 0%, #fff 55%) !important; border-color: rgba(255,126,95,.4) !important; }
.zone-card:nth-child(8) { background: linear-gradient(145deg, rgba(196,186,255,.22) 0%, #fff 55%) !important; border-color: rgba(196,186,255,.4) !important; }
.zone-card:nth-child(9) { background: linear-gradient(145deg, rgba(245,158,11,.18) 0%, #fff 55%) !important; border-color: rgba(245,158,11,.4) !important; }
.zone-card:nth-child(10){ background: linear-gradient(145deg, rgba(6,182,212,.18) 0%, #fff 55%) !important; border-color: rgba(6,182,212,.4) !important; }
.zone-card:nth-child(11){ background: linear-gradient(145deg, rgba(123,104,238,.18) 0%, #fff 55%) !important; border-color: rgba(123,104,238,.4) !important; }
.zone-card:nth-child(12){ background: linear-gradient(145deg, rgba(218,116,182,.2) 0%, #fff 55%) !important; border-color: rgba(218,116,182,.4) !important; }
.zone-card:nth-child(13){ background: linear-gradient(145deg, rgba(92,183,174,.2) 0%, #fff 55%) !important; border-color: rgba(92,183,174,.4) !important; }
.zone-card:nth-child(14){ background: linear-gradient(145deg, rgba(94,167,204,.2) 0%, #fff 55%) !important; border-color: rgba(94,167,204,.4) !important; }
.zone-card:nth-child(15){ background: linear-gradient(145deg, rgba(255,220,94,.22) 0%, #fff 55%) !important; border-color: rgba(255,220,94,.5) !important; }
.zone-card:nth-child(16){ background: linear-gradient(145deg, rgba(166,201,155,.2) 0%, #fff 55%) !important; border-color: rgba(166,201,155,.4) !important; }
.zone-card:hover { box-shadow: 0 14px 42px rgba(0,0,0,.1) !important; }

/* ── WHY FAMILIES ──────────────────────────────────────────────── */
.why-section { background: var(--lt-bg) !important; }
.why-card { box-shadow: var(--lt-shadow) !important; }

/* ── WHY PROVIDERS (was dark) ──────────────────────────────────── */
.providers-section { background: var(--lt-bg-card) !important; border-top: 1px solid var(--lt-border) !important; border-bottom: 1px solid var(--lt-border) !important; }
.providers-left h2 { color: var(--lt-text) !important; }
.providers-left h2 em { color: var(--lt-amber) !important; }
.providers-left p { color: var(--lt-text-2) !important; }
.provider-item { background: rgba(0,0,0,.04) !important; border-color: var(--lt-border) !important; }
.provider-item:hover { background: rgba(0,0,0,.07) !important; }
.provider-item-text { color: var(--lt-text) !important; }

/* ── PARTNERS strip ────────────────────────────────────────────── */
.partners-section { background: var(--lt-bg-card) !important; border-color: var(--lt-border) !important; }
.partners-label { color: var(--lt-text-4) !important; }
.partner-pill { background: rgba(0,0,0,.04) !important; border-color: var(--lt-border) !important; color: var(--lt-text-3) !important; }
.partner-pill:hover { background: rgba(0,0,0,.08) !important; color: var(--lt-text) !important; }

/* ── EVENTS section (already pink) ─────────────────────────────── */
/* uses --bg #ffdde2 — looks fine */

/* ── CTA gradient (keep colorful, looks great) ─────────────────── */

/* ── FOOTER ─────────────────────────────────────────────────────── */
footer { background: #1a1a2e !important; color: rgba(255,255,255,.85) !important; }
/* Footer kept dark intentionally — common pattern */
footer a { color: var(--sun) !important; }

/* ═══════════════════════════════════════════════════════════════════
   ADMIN + EXHIBITOR PAGES — same dark patterns flipped
   =================================================================== */

/* Sticky page-back button (admin pages) */
.page-back { color: var(--lt-text-3) !important; background: rgba(0,0,0,.04) !important; border-color: var(--lt-border) !important; }
.page-back:hover { color: var(--lt-text) !important; background: rgba(0,0,0,.08) !important; }

/* Admin stats / cards / generic dark cards */
.stat-card, .form-card, .section-card, .review-card, .ex-card, .evt-card,
.tier-card, .tier-block, .booking-row, .review-main, .review-block,
.cart-main, .summary, .form-cards .form-card, .dform-card,
.detail-grid-card, .help-card,
.sponsor-band .sponsor-head, .review-header, .review-modal,
.cta-card, .modal {
  background: var(--lt-bg-card) !important;
  border-color: var(--lt-border) !important;
  box-shadow: var(--lt-shadow) !important;
  color: var(--lt-text) !important;
}
.modal { background: linear-gradient(160deg,#fff,#fafaf5) !important; }

/* ── Hero banners on dark pages (exhibitor, event) ─────────────── */
/* These have a photo background + dark gradient overlay so text stays white. */
.hero-banner, .hero-picture { /* keep as-is */ }

/* Don't let our generic h1/h2/h3 + section overrides touch hero text */
.hero-banner h1, .hero-banner h2, .hero-banner h3, .hero-banner h4,
.hero-banner .hero-title, .hero-banner .hero-sub,
.hero-banner .hero-kick, .hero-banner .hero-tagline,
.hero-banner .hero-eyebrow, .hero-banner .hero-event-info,
.hero-banner .hero-cta, .hero-banner [class*="hero-"] {
  color: #fff !important;
}
.hero-banner .hero-title em,
.hero-banner h1 em {
  background: linear-gradient(135deg,var(--sun),#ff9b60) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  color: transparent !important;
}
.hero-banner .hero-kick { color: var(--pink) !important; }
.hero-banner .hero-sub { color: rgba(255,255,255,.85) !important; }
.hero-banner .hero-sub strong { color: #fff !important; }
.hero-banner .badge-pill { color: var(--sun) !important; background: rgba(255,220,94,.15) !important; }

/* Same protection for the other dark-photo heroes */
.hero, .d3-hero, .d2-hero {
  /* Story-scroll hero on event-page concepts — keep white text */
}
.hero h1, .hero .hero-content h1, .hero-content .hero-title,
.d3-hero h1, .d2-hero h1 {
  color: #fff !important;
}
.hero-content h1 em, .d3-hero h1 em, .d2-hero h1 em {
  background: linear-gradient(135deg,var(--sun),#ff9b60) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}

/* ── Field inputs on light bg ──────────────────────────────────── */
.field input, .field textarea, .field select,
.tier-text, .tier-textarea, .feature-input, .rpt-input,
.field-row input, .field-row textarea, .field-row select,
.contact-form input, .contact-form select, .contact-form textarea {
  background: #fff !important;
  color: var(--lt-text) !important;
  border-color: var(--lt-border-strong) !important;
}
.field input::placeholder, .field textarea::placeholder,
.tier-text::placeholder, .feature-input::placeholder,
.rpt-input::placeholder { color: var(--lt-text-4) !important; }
.field input:focus, .field textarea:focus, .field select:focus,
.tier-text:focus, .tier-textarea:focus { border-color: var(--lt-amber) !important; background: #fff !important; }
.field label, .field-row label, .tier-field-lbl, .features-label { color: var(--lt-text-2) !important; }

/* ── Drop zones (logo, photo upload) ───────────────────────────── */
.logo-drop, .photo-drop { background: rgba(0,0,0,.02) !important; border-color: var(--lt-border-strong) !important; color: var(--lt-text) !important; }
.logo-drop h5, .photo-drop p { color: var(--lt-text) !important; }
.logo-drop p, .photo-drop p span { color: var(--lt-text-4) !important; }
.logo-drop:hover, .photo-drop:hover { background: rgba(201,142,0,.04) !important; border-color: var(--lt-amber) !important; }

/* ── Generic text-on-dark fixes ────────────────────────────────── */
.step-title, .modal-title, h2, h3, h4, h5 { color: var(--lt-text) !important; }
.step-desc, .step-help, .modal-sub, .review-empty p, .cart-empty p,
.locked-msg, .empty-hero p {
  color: var(--lt-text-3) !important;
}
.step-help { background: rgba(0,0,0,.04) !important; }
.step-help strong, .modal-kicker { color: var(--lt-amber) !important; }
.step-tag { background: rgba(201,142,0,.1) !important; border-color: rgba(201,142,0,.3) !important; color: var(--lt-amber) !important; }

/* ── Buttons that were dark with yellow text → flip ────────────── */
.btn-secondary { background: rgba(0,0,0,.04) !important; border-color: var(--lt-border-strong) !important; color: var(--lt-text) !important; }
.btn-secondary:hover { background: rgba(0,0,0,.08) !important; border-color: var(--lt-text) !important; }
.btn-back, .btn-cancel, .drawer-cancel, .modal-btn-ghost {
  background: rgba(0,0,0,.04) !important; border-color: var(--lt-border-strong) !important; color: var(--lt-text-2) !important;
}
.btn-back:hover, .btn-cancel:hover, .drawer-cancel:hover, .modal-btn-ghost:hover {
  background: rgba(0,0,0,.08) !important; color: var(--lt-text) !important;
}

/* btn-publish stays yellow (text inside is dark, that's fine) */

/* ── DRAWER (admin add exhibitor) ──────────────────────────────── */
.drawer { background: linear-gradient(180deg,#fff,#fafaf5) !important; border-left: 1px solid var(--lt-border) !important; }
.drawer-header { border-color: var(--lt-border) !important; }
.drawer-title { color: var(--lt-text) !important; }
.drawer-title .sub { color: var(--lt-text-4) !important; }
.drawer-close { background: rgba(0,0,0,.06) !important; border-color: var(--lt-border) !important; color: var(--lt-text-2) !important; }
.drawer-footer { background: rgba(0,0,0,.03) !important; border-color: var(--lt-border) !important; }

/* ── EXHIBITOR PUBLIC PAGE specific ────────────────────────────── */
.audience-block:not(.dark) { background: var(--lt-bg-card) !important; }
.cities-grid .city-card { background: var(--lt-bg-card) !important; border-color: var(--lt-border) !important; box-shadow: var(--lt-shadow) !important; }
.city-stop, .city-venue { color: var(--lt-text-3) !important; }
.city-name { color: var(--lt-text) !important; }
.city-card:hover { background: var(--lt-bg-card) !important; box-shadow: var(--lt-shadow-md) !important; }
.city-card.selected .city-stop { color: var(--lt-amber) !important; }

/* Tier cards on exhibitor page */
.tier-card .tier-name { color: var(--lt-text) !important; }
.tier-card .tier-price .amount { color: var(--lt-text) !important; }
.tier-card .tier-sub { color: var(--lt-text-3) !important; }
.tier-card .tier-features li { color: var(--lt-text-2) !important; }
.tier-card .tier-features li.bold { color: var(--lt-text) !important; }
.tier-card .tier-cta { background: rgba(0,0,0,.04) !important; border-color: var(--lt-border-strong) !important; color: var(--lt-text) !important; }

/* Zones picker (16 zones) */
.zone-pick { background: rgba(0,0,0,.03) !important; border-color: var(--lt-border) !important; color: var(--lt-text-2) !important; }
.zone-pick:hover { background: rgba(0,0,0,.06) !important; border-color: rgba(154,204,202,.5) !important; }
.zone-pick.on { background: rgba(154,204,202,.18) !important; border-color: var(--lavender) !important; color: var(--lt-text) !important; }

/* Repeater rows */
.repeater-item { background: rgba(0,0,0,.03) !important; border-color: var(--lt-border) !important; }
.repeater-item-head { color: var(--lt-text-4) !important; }

/* Form gate / locked message */
.locked-msg { background: rgba(0,0,0,.03) !important; border-color: var(--lt-border-strong) !important; color: var(--lt-text-3) !important; }
.locked-msg h4 { color: var(--lt-text) !important; }

/* Order summary sidebar */
.summary-row { color: var(--lt-text-2) !important; }
.summary-row strong { color: var(--lt-text) !important; }
.summary-total .lbl { color: var(--lt-text-2) !important; }
.summary-note { color: var(--lt-text-4) !important; }

/* Modal contents */
.modal-booking { background: rgba(0,0,0,.03) !important; border-color: var(--lt-border) !important; }
.modal-booking-top { color: var(--lt-text-4) !important; }
.modal-booking-city { color: var(--lt-text) !important; }
.modal-booking-sub { color: var(--lt-text-3) !important; }
.modal-upsell { background: linear-gradient(135deg,rgba(255,220,94,.18),rgba(218,116,182,.12)) !important; border-color: rgba(255,220,94,.4) !important; }
.modal-upsell-title { color: var(--lt-text) !important; }
.modal-upsell-sub { color: var(--lt-text-3) !important; }
.modal-upsell-kicker { color: var(--lt-amber) !important; }

/* ═══════════════════════════════════════════════════════════════════
   YELLOW-ON-DARK TEXT FIXES — anywhere yellow was used as text color
   on a dark surface, swap to amber so it stays readable.
   These are aggressive selectors; tighten later if needed.
   =================================================================== */
[style*="color:var(--sun)"]:not([class*="btn-"]):not([class*="cta"]),
[style*="color: var(--sun)"]:not([class*="btn-"]):not([class*="cta"]),
[style*="color:#ffdc5e"]:not([class*="btn-"]):not([class*="cta"]) {
  color: var(--lt-amber) !important;
}

/* Common yellow-text classes */
.gold, .text-sun, .nav-cta-text {
  color: var(--lt-amber) !important;
}

/* Yellow buttons (background) keep their yellow + dark text inside — already readable */
.btn-sun, .nav-cta, .btn-primary, .btn-publish, .btn-confirm-publish,
.btn-next, .btn-gold, .info-big-cta, .ev-free-cta, .checkout-btn,
.evt-manage-btn:hover, .add-rpt-btn, .add-feature, .add-btn {
  /* leave background-yellow buttons alone */
}

/* Section eyebrows that were yellow on dark — bump to amber */
.section-eyebrow[style*="var(--sun)"],
.event-card-label, .info-row-k[style*="var(--sun)"] {
  color: var(--lt-amber) !important;
}

/* Footer (kept dark) — yellow text inside is still fine */
footer * { /* don't override footer; it stays dark */ }

/* ═══════════════════════════════════════════════════════════════════
   LOGO — swap the "C" text mark with the actual CHILL logo image
   =================================================================== */
.brand .mark, .nav-logo-mark, .footer-brand-mark {
  background: url('logo.jpg') center/cover no-repeat !important;
  color: transparent !important;
  font-size: 0 !important;
  text-indent: -9999px;
  overflow: hidden;
  border: 1px solid var(--lt-border);
}

/* Make the homepage img logo nicer on light bg */
.nav-logo img {
  border: 1px solid var(--lt-border) !important;
}

/* ═══════════════════════════════════════════════════════════════════════
   EXHIBITOR PAGE — city/state toggle & colored cards
   The dark-theme rules used white text; on the light body that's invisible.
   ═══════════════════════════════════════════════════════════════════════ */

/* ── City/State toggle ─────────────────────────────────────────────── */
.city-toggle {
  background: var(--lt-bg-alt) !important;
  border: 1px solid var(--lt-border) !important;
}
.ct-btn {
  color: var(--lt-text-2) !important;
}
.ct-btn:hover:not(.active) {
  color: var(--lt-text) !important;
  background: rgba(26,26,46,.04) !important;
}
.ct-btn.active {
  background: var(--sun) !important;
  color: var(--ink) !important;
  box-shadow: 0 2px 8px rgba(255,220,94,.4) !important;
}

/* ── Colored CITY cards (dark text for readability on pastel fills) ── */
.city-card .city-name   { color: var(--lt-text) !important; text-shadow: none !important; }
.city-card .city-stop   { color: var(--lt-text-3) !important; }
.city-card .city-date   { color: var(--lt-amber-deep) !important; }
.city-card .city-venue  { color: var(--lt-text-2) !important; }
/* Boost tint so colored fill actually reads on a cream page */
.city-card {
  background: linear-gradient(155deg, rgba(var(--accent-rgb,255,220,94),.55) 0%, rgba(var(--accent-rgb,255,220,94),.18) 100%) !important;
  border: 1.5px solid rgba(var(--accent-rgb,255,220,94),.7) !important;
  box-shadow: var(--lt-shadow) !important;
}
.city-card:hover {
  background: linear-gradient(155deg, rgba(var(--accent-rgb,255,220,94),.75) 0%, rgba(var(--accent-rgb,255,220,94),.3) 100%) !important;
  border-color: var(--accent, var(--sun)) !important;
  box-shadow: 0 14px 36px rgba(0,0,0,.12), 0 0 0 2px rgba(var(--accent-rgb,255,220,94),.6) !important;
}
.city-card.selected {
  background: linear-gradient(155deg, rgba(var(--accent-rgb,255,220,94),.85) 0%, rgba(var(--accent-rgb,255,220,94),.45) 100%) !important;
  box-shadow: 0 0 0 2.5px var(--accent, var(--sun)), 0 18px 42px rgba(0,0,0,.15) !important;
}
.city-card.selected .city-stop { color: var(--lt-text) !important; font-weight: 900; }

/* ── Colored STATE cards ──────────────────────────────────────────── */
.state-card .state-name { color: var(--lt-text) !important; text-shadow: none !important; }
.state-card .state-meta { color: var(--lt-text-2) !important; }
.state-card .state-meta .dot { background: rgba(26,26,46,.35) !important; }
.state-card::after {           /* the "→" arrow */
  color: var(--lt-text) !important;
  opacity: .7 !important;
}
.state-card:hover::after { opacity: 1 !important; }
.state-card {
  background: linear-gradient(160deg, rgba(var(--accent-rgb,255,220,94),.65) 0%, rgba(var(--accent-rgb,255,220,94),.2) 100%) !important;
  border: 1.5px solid rgba(var(--accent-rgb,255,220,94),.75) !important;
  box-shadow: var(--lt-shadow-md) !important;
}
.state-card:hover {
  background: linear-gradient(160deg, rgba(var(--accent-rgb,255,220,94),.85) 0%, rgba(var(--accent-rgb,255,220,94),.35) 100%) !important;
  box-shadow: 0 18px 44px rgba(0,0,0,.12), 0 0 0 2px rgba(var(--accent-rgb,255,220,94),.7) !important;
}
.state-card .state-abbr {
  background: var(--ink) !important;   /* dark pill contrasts with pastel fill */
  color: #fff !important;
  border-color: transparent !important;
}

/* ═══════════════════════════════════════════════════════════════════════
   SUCCESS PAGE — post-payment confirmation screen
   The original page used white text on dark; flip everything for light bg.
   ═══════════════════════════════════════════════════════════════════════ */

/* Hero sub text */
.celebrate .sub { color: var(--lt-text-2) !important; }
.celebrate .sub strong { color: var(--lt-text) !important; }

/* Booking summary card */
.booking-card {
  background: var(--lt-bg-card) !important;
  border: 1px solid var(--lt-border) !important;
  box-shadow: var(--lt-shadow-md) !important;
}
.booking-stop  { color: var(--lt-text-3) !important; }
.booking-city  { color: var(--lt-text) !important; }
.booking-meta  { color: var(--lt-text-2) !important; }
.booking-meta strong { color: var(--lt-text) !important; }
.booking-amount .lbl { color: var(--lt-text-3) !important; }
.booking-amount .val { color: var(--lt-amber-deep) !important; }
.booking-tier {
  color: var(--lt-amber-deep) !important;
  background: rgba(255,220,94,.15) !important;
  border: 1px solid rgba(201,142,0,.3) !important;
}

/* "What's included" list */
.quick-list {
  background: var(--lt-bg-card) !important;
  border: 1px solid var(--lt-border) !important;
  box-shadow: var(--lt-shadow) !important;
}
.quick-list .lbl { color: var(--lt-amber-deep) !important; }
.quick-list li   { color: var(--lt-text) !important; }
.quick-list li::before { color: var(--mint) !important; }

/* Discount code card */
.discount-card {
  background: linear-gradient(135deg, rgba(255,220,94,.35), rgba(218,116,182,.2)) !important;
  border: 2px solid rgba(201,142,0,.4) !important;
  box-shadow: 0 10px 32px rgba(255,220,94,.25) !important;
}
.discount-kicker {
  background: var(--ink) !important;
  color: var(--sun) !important;
}
.discount-headline { color: var(--lt-text) !important; }
.discount-headline em { color: var(--lt-amber-deep) !important; }
.discount-desc { color: var(--lt-text-2) !important; }
.code-reveal {
  background: var(--ink) !important;         /* keep the ticket-stub dark for contrast */
  box-shadow: 0 10px 32px rgba(26,26,46,.25) !important;
}
.code-text-label { color: rgba(255,255,255,.55) !important; }
.code-value      { color: #ffffff !important; }

/* Buttons */
.btn-primary {
  background: var(--sun) !important;
  color: var(--ink) !important;
  box-shadow: 0 8px 24px rgba(255,220,94,.4) !important;
}
.btn-ghost {
  background: transparent !important;
  color: var(--lt-text-2) !important;
  border: 1.5px solid var(--lt-border-strong) !important;
}
.btn-ghost:hover {
  background: rgba(26,26,46,.04) !important;
  border-color: var(--lt-text-2) !important;
  color: var(--lt-text) !important;
}

/* Nav "← Back to home" link on success page */
nav .brand { color: var(--lt-text) !important; }
nav a[href="homepage.html"] { color: var(--lt-text-3) !important; }
nav a[href="homepage.html"]:hover { color: var(--lt-text) !important; }

/* Email note */
.email-note {
  background: rgba(94,167,204,.08) !important;
  border: 1px solid rgba(94,167,204,.3) !important;
  color: var(--lt-text-2) !important;
}
.email-note strong { color: var(--sky) !important; }

/* ── Exhibitor page: comparison table (Concept 2) ────────────────── */
.compare-table {
  background: var(--lt-bg-card) !important;
  border: 1px solid var(--lt-border) !important;
  box-shadow: var(--lt-shadow-md) !important;
}
.cr           { border-bottom: 1px solid var(--lt-border) !important; }
.cr.head      { background: linear-gradient(180deg, rgba(255,220,94,.15), rgba(255,220,94,.03)) !important; border-bottom: 1px solid var(--lt-border-strong) !important; }
.cr>div       { color: var(--lt-text-2) !important; }
.cr>div:first-child { color: var(--lt-text) !important; font-weight: 700 !important; }
.cr.head .h-label {
  color: var(--lt-amber) !important;
  font-size: .62rem !important;
  letter-spacing: .14em !important;
  background: rgba(201,142,0,.1);
  padding: 3px 8px;
  border-radius: 50px;
  display: inline-block;
}
.cr.head .h-name  { color: var(--lt-text) !important; font-weight: 900 !important; }
.cr.head .h-price { color: var(--lt-text) !important; }
.cr.head .h-price.free { color: var(--mint) !important; }
.cr.head .h-price .strike { color: var(--lt-text-5) !important; }
.cr.head .h-save  { color: var(--mint) !important; }
/* Highlighted column when a tier is selected */
.cr.head .col.highlighted,
.cr .col.highlighted { background: rgba(255,220,94,.15) !important; }
.cr.head .col.highlighted { box-shadow: inset 0 0 0 1.5px var(--sun) !important; }
.cr .y  { color: var(--mint) !important; }
.cr .n  { color: var(--lt-text-5) !important; }
.cr .val{ color: var(--lt-text) !important; }
.cr.cta { background: var(--lt-bg-soft) !important; }
.cr .pick-btn {
  background: linear-gradient(135deg, var(--sun), #ffc93c) !important;
  color: var(--ink) !important;
  box-shadow: 0 4px 14px rgba(255,220,94,.35) !important;
}
.cr .pick-btn:hover:not(.selected) { box-shadow: 0 8px 22px rgba(255,220,94,.5) !important; }
.cr .pick-btn.selected { background: var(--mint) !important; color: #fff !important; box-shadow: none !important; }
/* First column header ("Feature") */
.cr.head>div:first-child .h-label,
.cr.head>div:first-child .h-name { color: var(--lt-text-3) !important; background: none !important; padding: 0 !important; font-size: .7rem !important; text-transform: uppercase; letter-spacing: .14em; }

/* Section header rows inside the comparison table (Expo Site / Marketing / Premium) */
.cr.section-head {
  background: linear-gradient(90deg, rgba(201,142,0,.08), rgba(201,142,0,.02)) !important;
  border-bottom: 1px solid rgba(201,142,0,.25) !important;
  border-top: 1px solid rgba(201,142,0,.15) !important;
}
.cr.section-head>div:first-child { color: var(--lt-amber-deep) !important; }

/* ── Exhibitor page: compare-gate (shown until a city is picked) ── */
.compare-gate {
  background: var(--lt-bg-card) !important;
  border: 1.5px dashed var(--lt-border-strong) !important;
  color: var(--lt-text-2) !important;
  box-shadow: var(--lt-shadow) !important;
}
.compare-gate h4 { color: var(--lt-text) !important; }
.compare-gate p  { color: var(--lt-text-2) !important; }

/* ── Exhibitor page: "Why exhibit" tiles (Step 2 header) ─────────── */
.why-card {
  background: var(--lt-bg-card) !important;
  border: 1px solid var(--lt-border) !important;
  box-shadow: var(--lt-shadow) !important;
}
.why-card::before {
  background: radial-gradient(circle, rgba(255,220,94,.25), transparent 65%) !important;
}
.why-card .why-num { color: var(--lt-amber) !important; }
.why-card h4       { color: var(--lt-text) !important; }
.why-card p        { color: var(--lt-text-2) !important; }

/* ── Exhibitor page: FAQ help strip (was dark) ──────────────────── */
.help-strip {
  background: var(--lt-bg-soft) !important;
  border-top: 1px solid var(--lt-border) !important;
  padding: 3rem 4% 3.5rem !important;
}
.help-inner {
  max-width: 720px !important;
}
.help-card {
  padding: 1.8rem 2rem !important;
  border-radius: 16px !important;
  display: flex !important;
  gap: 1.3rem !important;
  align-items: flex-start !important;
  background: var(--lt-bg-card) !important;
  border: 1px solid var(--lt-border) !important;
  box-shadow: var(--lt-shadow) !important;
}
.help-card .ico {
  flex-shrink: 0 !important;
  width: 48px !important;
  height: 48px !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, var(--sun), #ffc93c) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 1.4rem !important;
  margin: 0 !important;
}
.help-card h4 { color: var(--lt-text) !important; font-size: 1.05rem !important; margin-bottom: .3rem !important; }
.help-card p  { color: var(--lt-text-2) !important; margin-bottom: .5rem !important; }
.help-card a  { color: var(--lt-amber-deep) !important; }
.help-card a:hover { color: var(--lt-amber) !important; }

/* State-detail view (after clicking a state) */
.state-back {
  background: var(--lt-bg-alt) !important;
  border: 1px solid var(--lt-border) !important;
  color: var(--lt-text-2) !important;
}
.state-back:hover {
  color: var(--lt-text) !important;
  background: rgba(26,26,46,.04) !important;
}
.state-title h3   { color: var(--lt-text) !important; }
.state-title .sub { color: var(--lt-text-3) !important; }

/* End. */