/* weather.css — стили прогноза погоды (портировано из legacy 58b655b).
   Независимый модуль weather.js; рендерится внутрь .weather-block (вложен в «Прогноз» aux). */
.weather-block{
  width:100%;
  /* подложка (glass) — управляется переменными из settings.js (рычажок прозрачности) */
  background:rgba(20,20,22,var(--glass-alpha,.15));
  backdrop-filter:blur(var(--glass-blur,18px));
  -webkit-backdrop-filter:blur(var(--glass-blur,18px));
  border:1px solid rgba(255,255,255,var(--glass-border,.10));
  border-radius:20px;
  box-shadow:0 4px 15px rgba(0,0,0,.25);
  padding:16px 18px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
}
.weather-block .wmain{ display:flex; align-items:center; justify-content:space-between; gap:14px; }
.weather-block .wleft{ display:flex; align-items:center; gap:12px; }
.weather-block .wico{ font-size:clamp(38px,6vw,64px); line-height:1; }
.weather-block .wtemp{ font-size:clamp(34px,6vw,64px); font-weight:700; line-height:1; }
.weather-block .wtext{ display:flex; flex-direction:column; align-items:flex-end; text-align:right; }
.weather-block .wmeta{ font-size:clamp(15px,2.4vw,24px); color:#fff; font-weight:700; }
.weather-block .wcity{ font-size:clamp(13px,2vw,19px); color:#fff; font-weight:600; margin-top:2px; }
#forecast{ display:flex; gap:8px; margin-top:6px; flex-wrap:wrap; }
.weather-block .fc{ background:rgba(255,255,255,.08); border-radius:12px; padding:8px 12px; display:flex; flex-direction:column; align-items:center; gap:2px; min-width:70px; flex:1; box-shadow:0 2px 8px rgba(0,0,0,.2); }
.weather-block .fc-d{ font-size:clamp(11px,1.6vw,15px); color:#fff; font-weight:700; }
.weather-block .fc-e{ font-size:clamp(18px,3vw,30px); line-height:1; }
.weather-block .fc-t{ font-size:clamp(12px,1.8vw,17px); color:#fff; font-weight:600; }
.weather-block .fc-t small{ color:rgba(255,255,255,.6); font-weight:500; }
/* метаданные: ощущается / луна / давление */
.weather-block .wmeta-row{ display:flex; justify-content:space-around; align-items:stretch; gap:6px; margin-top:6px; flex-wrap:nowrap; width:100%; }
.weather-block .wm{ display:flex; flex-direction:column; align-items:center; justify-content:flex-end; gap:2px; min-width:0; flex:1 1 0; text-align:center; }
.weather-block .wm-value{ font-size:22px; line-height:1; font-weight:700; color:#fff; order:2; }
.weather-block .wm-label{ font-size:12px; color:rgba(255,255,255,.6); font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; order:1; }
.weather-block .wm-v{ font-size:22px; line-height:1; }
.weather-block .p-main{ display:flex; flex-direction:row; align-items:flex-start; gap:10px; line-height:1.1; min-width:0; flex-wrap:wrap; }
.weather-block .p-top{ display:flex; align-items:stretch; gap:4px; font-size:26px; font-weight:700; line-height:1; height:30px; }
.weather-block .p-arrow{ font-size:24px; font-weight:700; line-height:30px; display:flex; align-items:center; }
.weather-block .p-val{ line-height:30px; }
.weather-block .p-side{ display:flex; flex-direction:column; line-height:1.15; align-items:flex-start; }
.weather-block .p-lbl{ font-size:13px; color:rgba(255,255,255,.6); white-space:nowrap; }
.weather-block .p-unit{ font-size:13px; color:rgba(255,255,255,.6); white-space:nowrap; }
.weather-block .wm-side{ display:flex; flex-direction:column; line-height:1.15; min-width:0; align-items:center; text-align:center; }

/* СВЕТЛАЯ СИСТЕМНАЯ ТЕМА: карточки внутри aux — ЧЁРНЫЕ с БЕЛЫМ текстом */
@media (prefers-color-scheme: light) {
  .weather-block{
    background:rgba(0,0,0,var(--glass-alpha,.82));
    border:none;
    color:#fff;
    text-shadow:none;
    box-shadow:0 4px 15px rgba(0,0,0,.3);
  }
  .weather-block .p-lbl, .weather-block .p-unit{ color:rgba(255,255,255,.6); }
}