/* Legenda / małe tooltipy */
.baryczna-legend{
  margin-top: 12px;
  display:grid;
  gap: 10px;
}
.baryczna-legend .block{
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 12px;
  background: rgba(255,255,255,.03);
  padding: 10px 12px;
}
.baryczna-legend .title{
  font-weight: 800;
  font-size: 12.5px;
  margin-bottom: 8px;
}
.baryczna-legend .item{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 10px;
  font-size: 12.5px;
  color: rgba(255,255,255,.78);
}
.baryczna-legend .item b{ color: rgba(255,255,255,.92); font-weight:800; }

.baryczna-legend .bar{
  height: 10px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.18);
  box-shadow: 0 10px 30px rgba(0,0,0,.25);
  margin: 6px 0 8px;
}
.baryczna-legend .ticks{
  display:flex;
  justify-content: space-between;
  font-size: 11.5px;
  color: rgba(255,255,255,.70);
}

/* Temperatura: zimno→ciepło */
.baryczna-legend .bar.temp{
  background: linear-gradient(90deg,
    rgba(35,90,255,.95) 0%,
    rgba(80,180,255,.95) 18%,
    rgba(60,220,120,.95) 45%,
    rgba(250,220,60,.95) 70%,
    rgba(255,110,60,.95) 85%,
    rgba(255,60,60,.95) 100%
  );
}

/* Ciśnienie: niż→wyż */
.baryczna-legend .bar.press{
  background: linear-gradient(90deg,
    rgba(110,60,255,.95) 0%,
    rgba(40,160,235,.95) 35%,
    rgba(80,220,180,.95) 55%,
    rgba(250,220,70,.95) 100%
  );
}


/* Weather popup (klik na H/L) */
.baryczna-weather-popup .leaflet-popup-content-wrapper{
  background: rgba(15,18,26,.92);
  color: rgba(245,248,255,.92);
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 16px;
  box-shadow: 0 18px 45px rgba(0,0,0,.45);
}
.baryczna-weather-popup .leaflet-popup-tip{
  background: rgba(15,18,26,.92);
}
.wx-pop{min-width:220px;max-width:300px}
.wx-title{font-weight:900;font-size:13px}
.wx-sub{margin-top:4px;font-size:12px;opacity:.75}
.wx-grid{margin-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.wx-grid .k{display:block;font-size:11px;opacity:.7}
.wx-grid .v{display:block;font-size:13px;font-weight:900}
.wx-coord{margin-top:10px;font-size:11px;opacity:.65}