/* =================================================================
   ORAS Lietuva - Paros Temos (Time-based Themes)
   Spalvynas keičiasi pagal paros laiką - VIENODAS visiems režimams
   Režimai skiria tik TURINĮ, ne spalvas
   ================================================================= */

/* ================= RYTAS (5:00 - 10:00) ================= */
/* Šiltas, šviesus - aušra, saulėtekis - draugiškas akims */
:root[data-time="morning"] {
  /* Dangus - švelnesnis perėjimas */
  --sky-gradient: linear-gradient(180deg, #FFF5E6 0%, #FFE8CC 50%, #FFD9B3 100%);
  --sky-accent: #E8A030;

  /* Fonas - šiltas kreminis, švelnus kontrastas */
  --bg-base: #FFFBF5;
  --bg-surface: #FFFFFF;
  --bg-elevated: #FFF8F0;
  --header-bg: rgba(255, 251, 245, 0.97);

  /* Tekstas - švelnesnis kontrastas, draugiškesnis akims */
  --text-primary: #3D3530;
  --text-secondary: #5C534A;
  --text-muted: #8A8078;
  --hero-text: #3D3530;
  --hero-text-shadow: 0 1px 2px rgba(255,255,255,0.4);

  /* Akcentas - šiltesnė, mažiau agresyvi oranžinė */
  --accent: #D4890F;
  --accent-hover: #B87408;
  --accent-muted: rgba(212, 137, 15, 0.12);
  --accent-light: #FFF3DC;
  --accent-secondary: #C46A10;
  --accent-2: #E09A30;
  --accent-3: #D47018;
  --accent-4: #FFEAB0;
  --accent-5: #F5A0A0;

  /* Kraštinės - švelnesnės */
  --border: #E8DDD0;
  --border-subtle: #F5EDE5;

  /* Hover */
  --bg-hover: #FFF5EA;

  /* Šešėliai - švelnesni */
  --shadow-sm: 0 1px 2px rgba(60,40,20,0.04);
  --shadow-md: 0 4px 12px rgba(60,40,20,0.06);
  --shadow-lg: 0 10px 30px rgba(60,40,20,0.08);

  /* Statusai */
  --success: #0D9668;
  --warning: #C88000;
  --error: #D04040;
  --info: #3070D0;

  /* Astronomija - šviesi tema */
  --astronomy-bg: linear-gradient(135deg, #FFF8F0 0%, #FFEDD8 100%);
  --astronomy-border: rgba(200, 170, 130, 0.2);
  --stargazing-circle-bg: linear-gradient(135deg, rgba(212, 137, 15, 0.1) 0%, rgba(200, 120, 50, 0.06) 100%);
  --stargazing-circle-border: rgba(200, 150, 80, 0.2);
}

/* ================= DIENA (10:00 - 17:00) ================= */
/* Šviesus, mėlynas dangus - pilna diena - draugiškas akims */
:root[data-time="day"] {
  /* Dangus - švelnesnis mėlynas su šiltu atspalviu */
  --sky-gradient: linear-gradient(180deg, #4AA3E8 0%, #7AB8F0 40%, #A8D4F5 100%);
  --sky-accent: #4A9AD8;

  /* Fonas - šiltas baltas, ne šaltas mėlynas */
  --bg-base: #FCFCFA;
  --bg-surface: #FFFFFF;
  --bg-elevated: #F8F9F7;
  --header-bg: rgba(252, 252, 250, 0.97);

  /* Tekstas - švelnesnis kontrastas */
  --text-primary: #2C3E50;
  --text-secondary: #4A6580;
  --text-muted: #7A8FA5;
  --hero-text: #2C3E50;
  --hero-text-shadow: 0 1px 2px rgba(255,255,255,0.5);

  /* Akcentas - švelnesnis mėlynas */
  --accent: #3A8AD0;
  --accent-hover: #2A70B0;
  --accent-muted: rgba(58, 138, 208, 0.1);
  --accent-light: #EDF5FC;
  --accent-secondary: #5090D8;
  --accent-2: #10B8A0;
  --accent-3: #7060D0;
  --accent-4: #80D880;
  --accent-5: #A898E0;

  /* Kraštinės - šiltesnės */
  --border: #E5E8E8;
  --border-subtle: #F2F4F4;

  /* Hover */
  --bg-hover: #F5F6F5;

  /* Šešėliai - švelnesni */
  --shadow-sm: 0 1px 2px rgba(30,50,70,0.04);
  --shadow-md: 0 4px 12px rgba(30,50,70,0.06);
  --shadow-lg: 0 10px 30px rgba(30,50,70,0.08);

  /* Statusai */
  --success: #10B080;
  --warning: #E09010;
  --error: #E05050;
  --info: #4090E0;

  /* Astronomija - šviesi tema */
  --astronomy-bg: linear-gradient(135deg, #F5F8FC 0%, #E8F0F8 100%);
  --astronomy-border: rgba(100, 130, 180, 0.15);
  --stargazing-circle-bg: linear-gradient(135deg, rgba(59, 130, 210, 0.08) 0%, rgba(99, 102, 200, 0.05) 100%);
  --stargazing-circle-border: rgba(100, 130, 200, 0.18);
}

/* ================= VAKARAS (17:00 - 21:00) ================= */
/* Saulėlydis - ryškūs oranžiniai/auksiniai tonai */
:root[data-time="evening"] {
  /* Dangus - ryškus saulėlydis */
  --sky-gradient: linear-gradient(180deg, #4B3082 0%, #FF7F50 50%, #FFD700 100%);
  --sky-accent: #FF7F50;

  /* Fonas - šiltas tamsėjantis su oranžiniu atspalviu */
  --bg-base: #1F1815;
  --bg-surface: #2D2520;
  --bg-elevated: #403530;
  --header-bg: rgba(31, 24, 21, 0.95);

  /* Tekstas - šviesus ant tamsaus */
  --text-primary: #FFF8F0;
  --text-secondary: #E8D5C4;
  --text-muted: #BFA58E;
  --hero-text: #FFFFFF;
  --hero-text-shadow: 0 2px 4px rgba(0,0,0,0.5);

  /* Akcentas - ryškesnė saulėlydžio oranžinė */
  --accent: #FF8C42;
  --accent-hover: #FF6B1A;
  --accent-muted: rgba(255, 140, 66, 0.25);
  --accent-light: #5C2810;
  --accent-secondary: #FF6B9D;
  --accent-2: #FFD700;
  --accent-3: #C77DFF;
  --accent-4: #FFE066;
  --accent-5: #FF85B3;

  /* Kraštinės */
  --border: #44403C;
  --border-subtle: #3D3835;

  /* Hover */
  --bg-hover: #4A4544;

  /* Šešėliai */
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.3);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.4);
  --shadow-lg: 0 10px 30px rgba(0,0,0,0.5);

  /* Statusai */
  --success: #34D399;
  --warning: #FBBF24;
  --error: #F87171;
  --info: #60A5FA;
}

/* ================= NAKTIS (21:00 - 5:00) ================= */
/* Tamsu - naktinis dangus su žvaigždėmis */
:root[data-time="night"] {
  /* Dangus - tamsi naktis */
  --sky-gradient: linear-gradient(180deg, #030712 0%, #111827 50%, #1F2937 100%);
  --sky-accent: #6366F1;

  /* Fonas - gili tamsa */
  --bg-base: #030712;
  --bg-surface: #111827;
  --bg-elevated: #1F2937;
  --header-bg: rgba(3, 7, 18, 0.95);

  /* Tekstas - šviesus ant tamsaus */
  --text-primary: #F9FAFB;
  --text-secondary: #D1D5DB;
  --text-muted: #6B7280;
  --hero-text: #F9FAFB;
  --hero-text-shadow: 0 2px 4px rgba(0,0,0,0.8);

  /* Akcentas - naktinė violetinė/mėlyna */
  --accent: #818CF8;
  --accent-hover: #6366F1;
  --accent-muted: rgba(129, 140, 248, 0.2);
  --accent-light: #312E81;
  --accent-secondary: #A78BFA;
  --accent-2: #22D3EE;
  --accent-3: #C084FC;
  --accent-4: #67E8F9;
  --accent-5: #E879F9;

  /* Kraštinės */
  --border: #374151;
  --border-subtle: #1F2937;

  /* Hover */
  --bg-hover: #2D3748;

  /* Šešėliai */
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.5);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.6);
  --shadow-lg: 0 10px 30px rgba(0,0,0,0.7);

  /* Statusai */
  --success: #34D399;
  --warning: #FBBF24;
  --error: #F87171;
  --info: #60A5FA;
}

/* ================= DEFAULT (fallback) ================= */
:root {
  --sky-gradient: linear-gradient(180deg, #60A5FA 0%, #93C5FD 40%, #DBEAFE 100%);
  --sky-accent: #3B82F6;
  --bg-base: #F8FAFC;
  --bg-surface: #FFFFFF;
  --bg-elevated: #F1F5F9;
  --header-bg: rgba(248, 250, 252, 0.92);
  --text-primary: #0F172A;
  --text-secondary: #475569;
  --text-muted: #94A3B8;
  --hero-text: #0F172A;
  --hero-text-shadow: 0 1px 3px rgba(255,255,255,0.6);
  --accent: #3B82F6;
  --accent-hover: #2563EB;
  --accent-muted: rgba(59, 130, 246, 0.12);
  --accent-light: #DBEAFE;
  --accent-secondary: #6366F1;
  --accent-2: #14B8A6;
  --accent-3: #8B5CF6;
  --accent-4: #A7F3D0;
  --accent-5: #C4B5FD;
  --border: #E2E8F0;
  --border-subtle: #F1F5F9;
  --bg-hover: #EDF2F7;
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.05);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.08);
  --shadow-lg: 0 10px 30px rgba(0,0,0,0.12);
  --success: #10B981;
  --warning: #F59E0B;
  --error: #EF4444;
  --info: #3B82F6;
}

/* ================= GYVAS DANGUS ANIMACIJOS ================= */
.sky-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 60vh;
  background: var(--sky-gradient);
  z-index: 0;
  transition: background 2s ease;
  overflow: hidden;
  pointer-events: none;
}

.sky-background::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100px;
  background: linear-gradient(transparent, var(--bg-base));
}

/* Saulė */
.sun {
  position: absolute;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: radial-gradient(circle, #FFD93D 0%, #FF8C00 100%);
  box-shadow: 0 0 60px 20px rgba(255, 200, 50, 0.4);
  transition: all 2s ease;
  /* Default: visible during day */
  top: 15%;
  left: 50%;
  transform: translateX(-50%);
  opacity: 1;
}

[data-time="morning"] .sun {
  top: auto;
  bottom: 20%;
  left: 20%;
  transform: none;
  opacity: 0.9;
}

[data-time="day"] .sun {
  top: 15%;
  left: 50%;
  transform: translateX(-50%);
  opacity: 1;
}

[data-time="evening"] .sun {
  top: auto;
  left: auto;
  bottom: 5%;
  right: 15%;
  transform: none;
  opacity: 0.8;
  background: radial-gradient(circle, #FF6B35 0%, #D63031 100%);
}

[data-time="night"] .sun {
  opacity: 0;
}

/* Mėnulis */
.moon {
  position: absolute;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 30%, #F8F8FF 0%, #C9C9D0 100%);
  box-shadow: 0 0 40px 10px rgba(200, 200, 220, 0.3);
  opacity: 0;
  transition: all 2s ease;
}

[data-time="night"] .moon {
  top: 20%;
  right: 20%;
  opacity: 1;
}

/* Žvaigždės */
.stars {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  transition: opacity 2s ease;
}

[data-time="night"] .stars {
  opacity: 1;
}

.star {
  position: absolute;
  width: 2px;
  height: 2px;
  background: white;
  border-radius: 50%;
  animation: twinkle 3s ease-in-out infinite;
}

@keyframes twinkle {
  0%, 100% { opacity: 0.3; }
  50% { opacity: 1; }
}

/* Debesų konteineris */
.clouds-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  pointer-events: none;
  z-index: 1;
  overflow: hidden;
}

/* Bazinis debesies stilius */
.cloud {
  position: absolute;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 50px;
  animation: cloudFloat 100s linear infinite;
  transition: background 0.5s ease, opacity 0.5s ease;
  will-change: transform;
}

.cloud::before,
.cloud::after {
  content: '';
  position: absolute;
  background: inherit;
  border-radius: 50%;
}

/* Debesų dydžių klasės */
.cloud-xs {
  width: 50px;
  height: 20px;
}
.cloud-xs::before { width: 25px; height: 25px; top: -12px; left: 8px; }
.cloud-xs::after { width: 18px; height: 18px; top: -8px; left: 25px; }

.cloud-sm {
  width: 70px;
  height: 28px;
}
.cloud-sm::before { width: 35px; height: 35px; top: -18px; left: 10px; }
.cloud-sm::after { width: 25px; height: 25px; top: -12px; left: 35px; }

.cloud-md {
  width: 100px;
  height: 40px;
}
.cloud-md::before { width: 50px; height: 50px; top: -25px; left: 15px; }
.cloud-md::after { width: 35px; height: 35px; top: -15px; left: 50px; }

.cloud-lg {
  width: 140px;
  height: 55px;
}
.cloud-lg::before { width: 70px; height: 70px; top: -35px; left: 20px; }
.cloud-lg::after { width: 50px; height: 50px; top: -22px; left: 70px; }

.cloud-xl {
  width: 180px;
  height: 70px;
}
.cloud-xl::before { width: 90px; height: 90px; top: -45px; left: 25px; }
.cloud-xl::after { width: 65px; height: 65px; top: -30px; left: 90px; }

/* Debesų greičio klasės (lėtesni debesys) */
.cloud-slow { animation-duration: 120s; }
.cloud-medium { animation-duration: 80s; }
.cloud-fast { animation-duration: 50s; }

/* Debesuotumo lygių spalvos */
[data-cloudiness="clear"] .cloud {
  background: rgba(255, 255, 255, 0.5);
  opacity: 0.6;
}

[data-cloudiness="partly-cloudy"] .cloud {
  background: rgba(250, 250, 250, 0.7);
  opacity: 0.8;
}

[data-cloudiness="cloudy"] .cloud {
  background: rgba(220, 220, 225, 0.85);
  opacity: 0.9;
}

[data-cloudiness="overcast"] .cloud {
  background: rgba(180, 180, 190, 0.95);
  opacity: 1;
}

/* Kritulių debesys - tamsesni */
[data-cloudiness="precipitation-light"] .cloud {
  background: rgba(190, 190, 195, 0.85);
  opacity: 0.95;
}

[data-cloudiness="precipitation-heavy"] .cloud {
  background: rgba(130, 130, 145, 0.95);
  opacity: 1;
}

@keyframes cloudFloat {
  from { transform: translateX(-250px); }
  to { transform: translateX(calc(100vw + 250px)); }
}

/* Nakties debesys - tamsesni */
[data-time="night"] .cloud {
  background: rgba(60, 60, 80, 0.5) !important;
}

[data-time="night"][data-cloudiness="overcast"] .cloud,
[data-time="night"][data-cloudiness="precipitation-heavy"] .cloud {
  background: rgba(40, 40, 55, 0.7) !important;
}

/* ================= KRITULIŲ EFEKTAI ================= */

/* Lietus */
.rain-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 100%;
  pointer-events: none;
  z-index: 15;
  opacity: 0;
  transition: opacity 0.5s;
  -webkit-mask-image: linear-gradient(to bottom, black 0%, black 80%, transparent 100%);
  mask-image: linear-gradient(to bottom, black 0%, black 80%, transparent 100%);
}

[data-weather="light-rain"] .rain-overlay,
[data-weather="rain"] .rain-overlay,
[data-weather="moderate-rain"] .rain-overlay,
[data-weather="heavy-rain"] .rain-overlay,
[data-weather="drizzle"] .rain-overlay,
[data-weather="light-drizzle"] .rain-overlay,
[data-weather="freezing-rain"] .rain-overlay,
[data-weather="sleet"] .rain-overlay,
[data-weather="light-sleet"] .rain-overlay {
  opacity: 1;
}

.rain-drop {
  position: absolute;
  width: 2px;
  height: 25px;
  background: linear-gradient(transparent 0%, rgba(150, 190, 255, 0.9) 50%, rgba(100, 150, 255, 0.95) 100%);
  animation: rainFall 1.2s linear infinite;
  border-radius: 0 0 2px 2px;
}

/* Lietaus intensyvumo lygiai */
[data-weather="light-drizzle"] .rain-drop {
  width: 1.5px;
  height: 18px;
  background: linear-gradient(transparent 0%, rgba(150, 190, 255, 0.8) 50%, rgba(120, 160, 255, 0.85) 100%);
  animation-duration: 1.8s;
}

[data-weather="drizzle"] .rain-drop {
  width: 2px;
  height: 20px;
  background: linear-gradient(transparent 0%, rgba(150, 190, 255, 0.85) 50%, rgba(120, 160, 255, 0.9) 100%);
  animation-duration: 1.5s;
}

[data-weather="light-rain"] .rain-drop {
  width: 2px;
  height: 22px;
  background: linear-gradient(transparent 0%, rgba(140, 180, 255, 0.85) 50%, rgba(110, 155, 255, 0.9) 100%);
  animation-duration: 1.3s;
}

[data-weather="rain"] .rain-drop,
[data-weather="moderate-rain"] .rain-drop,
[data-weather="sleet"] .rain-drop,
[data-weather="light-sleet"] .rain-drop {
  width: 2px;
  height: 25px;
  background: linear-gradient(transparent 0%, rgba(140, 180, 255, 0.9) 50%, rgba(100, 150, 255, 0.95) 100%);
  animation-duration: 1.1s;
}

[data-weather="heavy-rain"] .rain-drop,
[data-weather="freezing-rain"] .rain-drop {
  width: 3px;
  height: 35px;
  background: linear-gradient(transparent 0%, rgba(130, 170, 255, 0.9) 40%, rgba(100, 150, 255, 1) 100%);
  animation-duration: 0.8s;
}

@keyframes rainFall {
  from {
    transform: translateY(-100%);
    opacity: 0.9;
  }
  to {
    transform: translateY(100vh);
    opacity: 0.7;
  }
}

/* Lietaus spalvos pagal temą */

/* Diena - baltas/šviesiai pilkas lietus ant mėlyno dangaus */
[data-time="day"] .rain-drop {
  background: linear-gradient(transparent 0%, rgba(255, 255, 255, 0.7) 30%, rgba(220, 230, 255, 0.95) 100%);
  width: 2.5px;
  filter: drop-shadow(0 0 2px rgba(255, 255, 255, 0.5));
}

/* Rytas - šiltas rožinis atspalvis */
[data-time="morning"] .rain-drop {
  background: linear-gradient(transparent 0%, rgba(255, 220, 200, 0.7) 30%, rgba(255, 200, 180, 0.9) 100%);
  width: 2.5px;
  filter: drop-shadow(0 0 2px rgba(255, 200, 180, 0.4));
}

/* Vakaras - oranžinis/auksinis atspalvis */
[data-time="evening"] .rain-drop {
  background: linear-gradient(transparent 0%, rgba(255, 200, 150, 0.75) 30%, rgba(255, 180, 120, 0.95) 100%);
  width: 2.5px;
  filter: drop-shadow(0 0 2px rgba(255, 180, 120, 0.4));
}

/* Naktis - šviesiai mėlynas lietus */
[data-time="night"] .rain-drop {
  background: linear-gradient(transparent 0%, rgba(180, 200, 255, 0.8) 30%, rgba(150, 180, 255, 0.95) 100%);
  width: 2px;
  filter: drop-shadow(0 0 3px rgba(150, 180, 255, 0.5));
}

/* Sniegas */
.snow-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 55vh;
  pointer-events: none;
  z-index: 15;
  opacity: 0;
  -webkit-mask-image: linear-gradient(to bottom, black 0%, black 70%, transparent 100%);
  mask-image: linear-gradient(to bottom, black 0%, black 70%, transparent 100%);
  transition: opacity 0.5s;
}

[data-weather="light-snow"] .snow-overlay,
[data-weather="snow"] .snow-overlay,
[data-weather="moderate-snow"] .snow-overlay,
[data-weather="heavy-snow"] .snow-overlay,
[data-weather="sleet"] .snow-overlay,
[data-weather="light-sleet"] .snow-overlay {
  opacity: 1;
}

.snowflake {
  position: absolute;
  color: white;
  font-size: 10px;
  animation: snowFall 5s linear infinite;
}

@keyframes snowFall {
  0% {
    transform: translateY(-10%) rotate(0deg);
    opacity: 1;
  }
  100% {
    transform: translateY(100vh) rotate(360deg);
    opacity: 0.5;
  }
}

/* Sniego intensyvumo lygiai */
[data-weather="light-snow"] .snowflake,
[data-weather="light-sleet"] .snowflake {
  font-size: 8px;
  animation-duration: 7s;
  opacity: 0.5;
}

[data-weather="snow"] .snowflake,
[data-weather="sleet"] .snowflake {
  font-size: 11px;
  animation-duration: 5.5s;
  opacity: 0.65;
}

[data-weather="moderate-snow"] .snowflake {
  font-size: 13px;
  animation-duration: 4.5s;
  opacity: 0.8;
}

[data-weather="heavy-snow"] .snowflake {
  font-size: 16px;
  animation-duration: 3.5s;
  opacity: 0.9;
}

/* ================= MICRO ANIMACIJOS ================= */

/* Temperatūra "karšta" */
[data-temp="hot"] .temp-display {
  color: #EF4444;
  text-shadow: 0 0 10px rgba(239, 68, 68, 0.5);
  animation: heatPulse 2s ease-in-out infinite;
}

@keyframes heatPulse {
  0%, 100% { filter: brightness(1); }
  50% { filter: brightness(1.1); }
}

/* Temperatūra "šalta" */
[data-temp="cold"] .temp-display {
  color: #60A5FA;
  text-shadow: 0 0 10px rgba(96, 165, 250, 0.5);
}

/* Drėgmės blur */
[data-humidity="high"] .humidity-display {
  filter: blur(0.5px);
}

/* Vėjas - elementai lingoja */
[data-wind="strong"] .wind-indicator {
  animation: windSway 1s ease-in-out infinite;
}

@keyframes windSway {
  0%, 100% { transform: rotate(-3deg); }
  50% { transform: rotate(3deg); }
}

/* ================= TEMA PERĖJIMAS ================= */
/* Sklandus perėjimas keičiantis paros laikui */
.theme-transition,
.app,
.header,
.card,
.bottom-nav,
.btn,
.forecast-tab,
.nav-item {
  transition:
    background-color 0.8s ease,
    background 0.8s ease,
    color 0.5s ease,
    border-color 0.5s ease,
    box-shadow 0.5s ease;
}

/* ================= PRIEINAMUMAS ================= */
@media (prefers-reduced-motion: reduce) {
  .cloud,
  .rain-drop,
  .snowflake,
  .star,
  .sun,
  .moon {
    animation: none !important;
  }

  .theme-transition {
    transition: none !important;
  }
}

/* ================= PERFORMANCE ================= */
[data-performance="lite"] .sky-background,
[data-performance="lite"] .rain-overlay,
[data-performance="lite"] .snow-overlay,
[data-performance="lite"] .stars {
  display: none;
}

[data-performance="static"] .cloud,
[data-performance="static"] .sun,
[data-performance="static"] .moon {
  animation: none;
}

/* ================= ŠVIESI TEMA IKONĖLIŲ KONTRASTO PAGERINIMAS ================= */
/* Dienos ir ryto temų kortelės turi subtilų foną, kad ikonėlės išsiskirtų */

/* Valandinės prognozės kortelės - spalvotas fonas šviesiu metu */
[data-time="day"] .forecast-hour,
[data-time="morning"] .forecast-hour {
  background: var(--bg-elevated);
  border-color: var(--border);
}

/* Dienų prognozės kortelės - šiek tiek tamsesnis fonas */
[data-time="day"] .forecast-day,
[data-time="morning"] .forecast-day {
  background: linear-gradient(135deg, var(--bg-elevated) 0%, var(--bg-surface) 100%);
}

[data-time="day"] .forecast-day:hover,
[data-time="morning"] .forecast-day:hover {
  background: var(--bg-elevated);
}

[data-time="day"] .forecast-day.active,
[data-time="morning"] .forecast-day.active {
  background: var(--accent-muted);
}

/* VISOS voronoi ikonėlės su drop-shadow dienos/ryto metu - geresnis matomumas */
[data-time="day"] .voronoi-icon,
[data-time="morning"] .voronoi-icon {
  filter: drop-shadow(0 1px 2px rgba(0,0,0,0.2));
}

/* Hero sekcijos ikonėlė - stipresnis šešėlis */
[data-time="day"] .hero-icon,
[data-time="morning"] .hero-icon {
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.25));
}

/* Nav bar ikonėlės */
[data-time="day"] .nav-icon,
[data-time="morning"] .nav-icon {
  filter: drop-shadow(0 1px 1px rgba(0,0,0,0.15));
}

/* Veiklos, žvejybos ir kitos funkcijų ikonėlės */
[data-time="day"] .activity-icon,
[data-time="morning"] .activity-icon,
[data-time="day"] .fish-icon,
[data-time="morning"] .fish-icon,
[data-time="day"] .hazard-icon,
[data-time="morning"] .hazard-icon,
[data-time="day"] .outfit-item-icon,
[data-time="morning"] .outfit-item-icon,
[data-time="day"] .health-icon,
[data-time="morning"] .health-icon,
[data-time="day"] .clothing-icon,
[data-time="morning"] .clothing-icon,
[data-time="day"] .driving-icon,
[data-time="morning"] .driving-icon,
[data-time="day"] .sport-icon,
[data-time="morning"] .sport-icon {
  filter: drop-shadow(0 1px 2px rgba(0,0,0,0.12));
}