.background,.time-tint,.weather-effects{position:fixed;inset:0;pointer-events:none}
.background{
  background:url("../assets/backgrounds/dolomites-dashboard-bg.png") center/cover no-repeat;
  filter:saturate(.85) brightness(.5);transform:scale(1.03)
}
.time-tint{z-index:1;background:linear-gradient(180deg,rgba(2,10,18,.15),rgba(1,6,12,.84))}
body.time-sunset .time-tint{background:linear-gradient(180deg,rgba(255,91,30,.18),rgba(20,4,36,.86))}
body.time-night .time-tint{background:linear-gradient(180deg,rgba(1,8,28,.62),rgba(0,2,10,.92))}
.weather-effects{z-index:2;overflow:hidden}
.sun-glow{position:absolute;width:38vw;height:38vw;border-radius:50%;left:-15vw;top:-16vw;background:radial-gradient(circle,rgba(255,183,60,.22),transparent 66%);opacity:0}
body.weather-clear .sun-glow,body.weather-partly .sun-glow{opacity:1}
.cloud{position:absolute;width:280px;height:72px;border-radius:999px;background:rgba(235,242,248,.15);filter:blur(8px);opacity:0;box-shadow:70px 15px 0 12px rgba(235,242,248,.11),135px -5px 0 5px rgba(235,242,248,.09)}
.cloud-a{top:12%;left:-35%}.cloud-b{top:30%;left:-45%;transform:scale(.75)}.cloud-c{top:5%;left:-55%;transform:scale(1.2)}
body.weather-cloudy .cloud,body.weather-rain .cloud,body.weather-snow .cloud,body.weather-storm .cloud{opacity:.65}
body.weather-partly .cloud{opacity:.28}
.rain,.snow,.fog,.stars,.lightning{position:absolute;inset:-20%;opacity:0}
body.weather-rain .rain,body.weather-storm .rain{opacity:.38;background-image:repeating-linear-gradient(112deg,transparent 0 24px,rgba(190,220,255,.7) 25px 27px,transparent 28px 45px);background-size:55px 95px}
body.weather-snow .snow{opacity:.75;background-image:radial-gradient(circle,#fff 0 2px,transparent 3px),radial-gradient(circle,rgba(255,255,255,.7) 0 1.5px,transparent 2.5px);background-size:52px 52px,78px 78px}
body.weather-fog .fog{opacity:.45;background:linear-gradient(90deg,transparent,rgba(230,235,240,.28),transparent);filter:blur(28px)}
body.time-night .stars{opacity:.5;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.7px);background-size:57px 57px}


/* V7.2 – háttér kevésbé mosódjon össze a tartalommal */
.background{
  filter:saturate(.82) brightness(.42) contrast(1.06);
}

.time-tint{
  background:linear-gradient(180deg,rgba(2,10,18,.20),rgba(1,6,12,.88));
}


/* V8 Ultimate – dinamikusabb háttér */
.background{
  filter:saturate(.88) brightness(.43) contrast(1.08);
}
body.time-sunset .background{
  filter:saturate(1.02) brightness(.46) contrast(1.08) sepia(.08);
}
body.time-night .background{
  filter:saturate(.62) brightness(.27) contrast(1.12);
}
.time-tint{
  background:
    linear-gradient(180deg,rgba(1,10,20,.18),rgba(0,5,12,.90));
}