/* ============================================================
   star-wars-day.css — Cosmic Space Black & Neon Lightsaber Theme
   Extends universal master layout from christmas.css
   ============================================================ */

@import './christmas.css';

:root {
  --accent-primary:   #38bdf8;
  --accent-secondary: #0284c7;
  --bg-deep:          #080b10;
  --bg-mid:           #0f172a;
  --text-primary:     #FFFFFF;
  --text-muted:       #bae6fd;
  --glow-color:       rgba(56, 189, 248, 0.45);
  --glow-color-blue:  rgba(2, 132, 199, 0.4);
}

/* Star Wars Main Titles & Primary Section Headings */
h1.holiday-name,
.s2-banner__title,
.content-block__heading {
  font-family: 'Cinzel Decorative', 'Outfit', serif !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}

/* Clean Readable Sans-Serif Typography for ALL Section 2 Content, Cards, Timelines, & Body */
.section-2,
.section-2 *,
.content-main,
.content-main *,
.content-sidebar,
.content-sidebar *,
.timeline,
.timeline *,
.timeline__item,
.timeline__item *,
.timeline__title,
.timeline__text,
.timeline__year,
.tradition-card,
.tradition-card *,
.tradition-card__title,
.tradition-card__text,
.fun-facts,
.fun-facts *,
.fun-fact-text,
.holiday-quote,
.holiday-quote *,
.holiday-quote__text,
.holiday-quote__author,
.world-slider,
.world-slider *,
.world-slider__title,
.world-slider__counter,
.world-slide-item,
.world-slide-item *,
.quiz-option,
.quiz__question,
.quiz__progress,
.quiz__feedback,
.quiz__score-number,
.quiz__score-label,
.s2-banner__subtitle {
  font-family: 'Outfit', 'Inter', system-ui, -apple-system, sans-serif !important;
  text-transform: none !important;
}

/* Specific Timeline Item Styles for Clean Hierarchy */
.timeline__year {
  font-family: 'Inter', sans-serif !important;
  font-weight: 700 !important;
  font-size: 0.85rem !important;
  color: #f59e0b !important;
  background: rgba(245, 158, 11, 0.15) !important;
  border: 1px solid rgba(245, 158, 11, 0.3) !important;
  padding: 2px 10px !important;
  border-radius: 9999px !important;
  display: inline-block !important;
  margin-bottom: 6px !important;
}

.timeline__title {
  font-family: 'Outfit', sans-serif !important;
  font-size: 1.2rem !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  margin-top: 4px !important;
  margin-bottom: 6px !important;
  line-height: 1.3 !important;
}

.timeline__text {
  font-family: 'Inter', sans-serif !important;
  font-size: 0.92rem !important;
  line-height: 1.6 !important;
  color: rgba(255, 255, 255, 0.85) !important;
}

/* Tradition Cards Hierarchy */
.tradition-card__title {
  font-family: 'Outfit', sans-serif !important;
  font-size: 1.15rem !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  margin-bottom: 6px !important;
}

.tradition-card__text {
  font-family: 'Inter', sans-serif !important;
  font-size: 0.9rem !important;
  line-height: 1.55 !important;
  color: rgba(255, 255, 255, 0.8) !important;
}

/* Sidebar Quote Card */
.holiday-quote__text {
  font-family: 'Outfit', sans-serif !important;
  font-size: 1.1rem !important;
  font-style: italic !important;
  line-height: 1.5 !important;
  color: #ffffff !important;
}

.holiday-quote__author {
  font-family: 'Inter', sans-serif !important;
  font-size: 0.85rem !important;
  font-style: normal !important;
  color: rgba(255, 255, 255, 0.7) !important;
  margin-top: 8px !important;
  display: block !important;
}

/* Flip Tile Digit Number Formatting */
.flip-tile__face,
.countdown-unit__sep,
.countdown-unit__label {
  font-family: 'Outfit', 'Inter', sans-serif !important;
  font-variant-numeric: lining-figures tabular-nums !important;
  -webkit-font-feature-settings: "lnum" 1, "tnum" 1 !important;
  font-feature-settings: "lnum" 1, "tnum" 1 !important;
}

/* Header, Footer & Interlinking Cards Normal Clean Sans-Serif Typography */
.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%, #0369a1 0%, #0f172a 50%, #080b10 85%, #030508 100%) !important;
}

.section-1::before {
  background: radial-gradient(circle, rgba(56, 189, 248, 0.25) 0%, rgba(2, 132, 199, 0.16) 45%, transparent 70%) !important;
}