/* ==========================================================================
   ADSBItalia Radar Map - Seasonal Theme Integration
   STRICT RULE: 100% Static UI styling ONLY - Absolutely ZERO particle animations!
   ========================================================================== */

/* ── 1. HALLOWEEN RADAR ── */
html[data-theme="halloween"] {
  --accent: #ff7518 !important;
  --accent-glow: rgba(255, 117, 24, 0.5) !important;
  --border-color: rgba(255, 117, 24, 0.35) !important;
  --border-highlight: rgba(157, 78, 221, 0.65) !important;
  --bg-hover: rgba(255, 117, 24, 0.16) !important;
}

html[data-theme="halloween"] .top-bar {
  border: 1.5px solid rgba(255, 117, 24, 0.5) !important;
  box-shadow: 0 4px 24px rgba(255, 117, 24, 0.22) !important;
}

html[data-theme="halloween"] .filter-pill.active {
  background: linear-gradient(135deg, #ff7518, #d94e00) !important;
  border-color: #ffaa66 !important;
  color: #fff !important;
  box-shadow: 0 0 12px rgba(255, 117, 24, 0.6) !important;
}

html[data-theme="halloween"] .aircraft-list-panel,
html[data-theme="halloween"] .airport-panel {
  border-left: 2px solid #ff7518 !important;
  box-shadow: -4px 0 24px rgba(255, 117, 24, 0.18) !important;
}

html[data-theme="halloween"] .panel-header {
  border-bottom: 1px solid rgba(255, 117, 24, 0.25) !important;
}

/* ── 2. CHRISTMAS (NATALE) RADAR ── */
html[data-theme="christmas"] {
  --accent: #e63946 !important;
  --accent-glow: rgba(230, 57, 70, 0.5) !important;
  --border-color: rgba(230, 57, 70, 0.35) !important;
  --border-highlight: rgba(42, 157, 143, 0.7) !important;
  --bg-hover: rgba(230, 57, 70, 0.16) !important;
}

html[data-theme="christmas"] .top-bar {
  background: rgba(10, 24, 20, 0.94) !important;
  border: 1.5px solid rgba(230, 57, 70, 0.55) !important;
  box-shadow: 0 4px 24px rgba(230, 57, 70, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;
}

html[data-theme="christmas"] .filter-pill.active {
  background: linear-gradient(135deg, #e63946, #c52230) !important;
  border-color: #ff8892 !important;
  color: #fff !important;
  box-shadow: 0 0 14px rgba(230, 57, 70, 0.65) !important;
}

html[data-theme="christmas"] .aircraft-list-panel,
html[data-theme="christmas"] .airport-panel {
  border-left: 2px solid #e63946 !important;
  border-top: 1px solid rgba(42, 157, 143, 0.45) !important;
  box-shadow: -4px 0 24px rgba(230, 57, 70, 0.2) !important;
}

html[data-theme="christmas"] .panel-header {
  background: linear-gradient(90deg, rgba(230, 57, 70, 0.12), rgba(42, 157, 143, 0.12)) !important;
  border-bottom: 1px solid rgba(230, 57, 70, 0.3) !important;
}

html[data-theme="christmas"] .brand-title {
  color: #e63946 !important;
  text-shadow: 0 0 10px rgba(230, 57, 70, 0.5) !important;
}

/* ── 3. NEW YEAR (CAPODANNO) RADAR ── */
html[data-theme="newyear"] {
  --accent: #ffd700 !important;
  --accent-glow: rgba(255, 215, 0, 0.55) !important;
  --border-color: rgba(255, 215, 0, 0.35) !important;
  --border-highlight: rgba(255, 235, 120, 0.75) !important;
  --bg-hover: rgba(255, 215, 0, 0.15) !important;
}

html[data-theme="newyear"] .top-bar {
  background: rgba(8, 14, 26, 0.94) !important;
  border: 1.5px solid rgba(255, 215, 0, 0.55) !important;
  box-shadow: 0 4px 26px rgba(255, 215, 0, 0.25) !important;
}

html[data-theme="newyear"] .filter-pill.active {
  background: linear-gradient(135deg, #ffd700, #d4af37) !important;
  color: #050a10 !important;
  font-weight: 700 !important;
  border-color: #fff !important;
  box-shadow: 0 0 15px rgba(255, 215, 0, 0.7) !important;
}

html[data-theme="newyear"] .aircraft-list-panel,
html[data-theme="newyear"] .airport-panel {
  border-left: 2px solid #ffd700 !important;
  box-shadow: -4px 0 24px rgba(255, 215, 0, 0.2) !important;
}

html[data-theme="newyear"] .panel-header {
  border-bottom: 1px solid rgba(255, 215, 0, 0.3) !important;
}

html[data-theme="newyear"] .brand-title {
  color: #ffd700 !important;
  text-shadow: 0 0 12px rgba(255, 215, 0, 0.6) !important;
}

/* ── 4. EASTER (PASQUA) RADAR ── */
html[data-theme="easter"] {
  --accent: #06d6a0 !important;
  --accent-glow: rgba(6, 214, 160, 0.5) !important;
  --border-color: rgba(6, 214, 160, 0.35) !important;
  --border-highlight: rgba(255, 182, 193, 0.7) !important;
  --bg-hover: rgba(6, 214, 160, 0.15) !important;
}

html[data-theme="easter"] .top-bar {
  border: 1.5px solid rgba(6, 214, 160, 0.5) !important;
  box-shadow: 0 4px 22px rgba(6, 214, 160, 0.22) !important;
}

html[data-theme="easter"] .filter-pill.active {
  background: linear-gradient(135deg, #06d6a0, #04b385) !important;
  color: #fff !important;
  border-color: #a7f3d0 !important;
  box-shadow: 0 0 12px rgba(6, 214, 160, 0.6) !important;
}

html[data-theme="easter"] .aircraft-list-panel,
html[data-theme="easter"] .airport-panel {
  border-left: 2px solid #06d6a0 !important;
}

html[data-theme="easter"] .brand-title {
  color: #06d6a0 !important;
}

/* ── 5. SUMMER (FERRAGOSTO / ESTATE) RADAR ── */
html[data-theme="summer"] {
  --accent: #ffb703 !important;
  --accent-glow: rgba(255, 183, 3, 0.55) !important;
  --border-color: rgba(251, 133, 0, 0.4) !important;
  --border-highlight: rgba(0, 180, 216, 0.7) !important;
  --bg-hover: rgba(251, 133, 0, 0.16) !important;
}

html[data-theme="summer"] .top-bar {
  background: rgba(14, 20, 30, 0.94) !important;
  border: 1.5px solid rgba(251, 133, 0, 0.55) !important;
  box-shadow: 0 4px 24px rgba(251, 133, 0, 0.26) !important;
}

html[data-theme="summer"] .filter-pill.active {
  background: linear-gradient(135deg, #ffb703, #fb8500) !important;
  color: #050a10 !important;
  font-weight: 700 !important;
  border-color: #fff !important;
  box-shadow: 0 0 14px rgba(251, 133, 0, 0.65) !important;
}

html[data-theme="summer"] .aircraft-list-panel,
html[data-theme="summer"] .airport-panel {
  border-left: 2px solid #fb8500 !important;
  box-shadow: -4px 0 24px rgba(251, 133, 0, 0.2) !important;
}

html[data-theme="summer"] .brand-title {
  color: #ffb703 !important;
  text-shadow: 0 0 12px rgba(255, 183, 3, 0.6) !important;
}

/* ── 6. AUTUMN RADAR ── */
html[data-theme="autumn"] {
  --accent: #e76f51 !important;
  --accent-glow: rgba(231, 111, 81, 0.5) !important;
  --border-color: rgba(244, 162, 97, 0.35) !important;
  --border-highlight: rgba(231, 111, 81, 0.7) !important;
}
html[data-theme="autumn"] .top-bar {
  border: 1.5px solid rgba(231, 111, 81, 0.5) !important;
}
html[data-theme="autumn"] .filter-pill.active {
  background: linear-gradient(135deg, #e76f51, #d47a24) !important;
  color: #fff !important;
}
html[data-theme="autumn"] .aircraft-list-panel {
  border-left: 2px solid #e76f51 !important;
}

/* ── 7. WINTER RADAR ── */
html[data-theme="winter"] {
  --accent: #38bdf8 !important;
  --accent-glow: rgba(56, 189, 248, 0.55) !important;
  --border-color: rgba(186, 230, 253, 0.35) !important;
  --border-highlight: rgba(56, 189, 248, 0.7) !important;
}
html[data-theme="winter"] .top-bar {
  border: 1.5px solid rgba(56, 189, 248, 0.5) !important;
  box-shadow: 0 4px 24px rgba(56, 189, 248, 0.25) !important;
}
html[data-theme="winter"] .filter-pill.active {
  background: linear-gradient(135deg, #38bdf8, #0284c7) !important;
  color: #fff !important;
}
html[data-theme="winter"] .aircraft-list-panel {
  border-left: 2px solid #38bdf8 !important;
}

/* ── 8. SPRING RADAR ── */
html[data-theme="spring"] {
  --accent: #f472b6 !important;
  --accent-glow: rgba(244, 114, 182, 0.5) !important;
  --border-color: rgba(244, 114, 182, 0.35) !important;
  --border-highlight: rgba(251, 207, 232, 0.7) !important;
}
html[data-theme="spring"] .top-bar {
  border: 1.5px solid rgba(244, 114, 182, 0.5) !important;
}
html[data-theme="spring"] .filter-pill.active {
  background: linear-gradient(135deg, #f472b6, #db2777) !important;
  color: #fff !important;
}
html[data-theme="spring"] .aircraft-list-panel {
  border-left: 2px solid #f472b6 !important;
}