/* ============================================================
   new-years-eve.css — Electric Midnight Sky, Solstice Gold & Neon Fireworks Theme
   Extends universal master layout from christmas.css
   ============================================================ */

@import './christmas.css';

:root {
  --accent-primary:      #00BFFF; /* Electric Sky Blue */
  --accent-secondary:    #F59E0B; /* Solstice Gold */
  --accent-tertiary:     #E056FD; /* Celebration Fuchsia */
  --bg-deep:             #040914; /* Deep Midnight Atmosphere */
  --bg-mid:              #0B1B36; /* Midnight Sapphire Glass */
  --text-primary:        #FFFFFF;
  --text-muted:          #BAE6FD;
  --glow-color:          rgba(0, 191, 255, 0.45);
  --glow-color-gold:     rgba(245, 158, 11, 0.45);
  --glow-color-fuchsia:  rgba(224, 86, 253, 0.4);
}

/* New Year's Eve Theme Typography — Whole Page Content Except Header & Footer */
main,
.section-1,
.section-2,
.content-main,
.content-block,
.sidebar,
.s2-banner,
.holiday-name,
.location-badge,
.countdown-wrapper,
.flip-tile,
.flip-tile__face,
.countdown-unit__label,
.countdown-unit__sep,
.share-btn,
.scroll-indicator,
.timeline,
.timeline__title,
.timeline__text,
.tradition-card,
.tradition-card__title,
.tradition-card__text,
.fun-facts,
.fun-fact-text,
.quiz__question,
.quiz-option,
.quiz__option,
.quiz__feedback,
.quiz__score-number,
.quiz__score-label,
.world-slider-card,
.world-slider__country,
.world-slider__text,
h1, h2, h3, h4, h5, h6 {
  font-family: 'Cinzel Decorative', 'Rozha One', 'Outfit', serif !important;
}

/* Header & Footer Clean Sans-Serif Typography Exception */
.top-controls-row, .top-controls-row *,
.breadcrumb-pill, .breadcrumb-pill *,
.header-location-picker, .header-location-picker *,
.header-search-picker, .header-search-picker *,
.city-selector-header, .header-search-input,
.footer, .footer *,
.site-footer, .site-footer *,
.holiday-interlink-grid, .holiday-interlink-grid *,
.interlink-card, .interlink-card *,
.interlink-card__title, .interlink-card__date,
#heading-interlink + p {
  font-family: 'Inter', system-ui, -apple-system, sans-serif !important;
}

/* Section 1 Background Theme */
.section-1 {
  background: radial-gradient(ellipse 100% 90% at 50% 30%, #0F2A4A 0%, #0A1B33 50%, #030812 100%) !important;
}

.section-1::before {
  background: radial-gradient(circle, rgba(0, 191, 255, 0.25) 0%, rgba(245, 158, 11, 0.2) 45%, rgba(224, 86, 253, 0.12) 70%, transparent 100%) !important;
}

.section-1__vignette {
  background: radial-gradient(ellipse 85% 85% at 50% 50%, transparent 45%, rgba(3, 8, 18, 0.88) 100%) !important;
}

/* Location Badge Theme */
.location-badge {
  background: rgba(0, 191, 255, 0.18) !important;
  border: 1px solid rgba(245, 158, 11, 0.5) !important;
  color: #FFD700 !important;
  box-shadow: 0 4px 18px rgba(0, 191, 255, 0.35) !important;
}

/* Flip Tile Theme */
.flip-tile__face {
  background: linear-gradient(160deg, rgba(0, 191, 255, 0.35) 0%, rgba(4, 9, 20, 0.96) 100%) !important;
  border: 1px solid rgba(245, 158, 11, 0.5) !important;
  border-top: 2.5px solid #F59E0B !important;
  text-shadow: 0 0 25px rgba(0, 191, 255, 0.65), 0 0 35px rgba(245, 158, 11, 0.6) !important;
}

.flip-tile__face--top {
  border-bottom-color: rgba(245, 158, 11, 0.2) !important;
}

.flip-tile__face--bottom {
  border-top-color: rgba(0, 191, 255, 0.4) !important;
}

/* Section 2 Banner & Glass Cards */
.s2-banner {
  background: linear-gradient(135deg, rgba(0, 191, 255, 0.2) 0%, rgba(245, 158, 11, 0.15) 50%, rgba(11, 27, 54, 0.9) 100%) !important;
  border: 1px solid rgba(245, 158, 11, 0.4) !important;
  box-shadow: 0 8px 32px rgba(0, 191, 255, 0.2) !important;
}

.content-block,
.sidebar-card,
.world-slider-card {
  background: rgba(11, 27, 54, 0.75) !important;
  border: 1px solid rgba(0, 191, 255, 0.25) !important;
}

.content-block__heading {
  color: #FFFFFF !important;
  border-bottom: 1px solid rgba(245, 158, 11, 0.25) !important;
}

.timeline__year {
  color: #F59E0B !important;
  border-color: rgba(245, 158, 11, 0.4) !important;
  background: rgba(245, 158, 11, 0.1) !important;
}

.timeline__title {
  color: #FFFFFF !important;
}

.tradition-card {
  background: rgba(4, 9, 20, 0.8) !important;
  border: 1px solid rgba(0, 191, 255, 0.3) !important;
}

.fun-facts li {
  border-left: 3.5px solid rgba(245, 158, 11, 0.35) !important;
  background: rgba(255, 255, 255, 0.03) !important;
}

.fun-facts li.scroll-active,
.fun-facts li:hover {
  border-left-color: #F59E0B !important;
  background: rgba(0, 191, 255, 0.12) !important;
}

/* Buttons */
.btn--primary {
  background: linear-gradient(135deg, #00BFFF 0%, #0080FF 100%) !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 20px rgba(0, 191, 255, 0.4) !important;
}

.btn--primary:hover {
  box-shadow: 0 6px 28px rgba(0, 191, 255, 0.6) !important;
}