/* /vremenska-mapa/ — samo ono što /mapa-padavina/ nema (vp-radar.css ostaje osnova). */
.vpc-page .vpr-map { background: #0b1622; }

.vpc-sat { transition: opacity 260ms linear; }

/* v2 (oblaci): reljef iz mape modela preko boje mora, oblaci kao siva gustina u režimu `screen`
   (1 − (1 − podloga)(1 − gustina) = beli oblak sa providnošću), voda i granice iz Natural Earth. */
.vpc-page--relief .vpr-map { background: #1d4f7a; }
[data-theme="dark"] .vpc-page--relief .vpr-map { background: #0c2238; }
/* More je i sloj unutar mape: `screen` meša oblake samo sa slojevima iste grupe. */
.vpc-sea-tile { background: #1d4f7a; }
[data-theme="dark"] .vpc-sea-tile { background: #0c2238; }
[data-theme="dark"] .vpc-page--relief .leaflet-vpcRelief-pane { filter: brightness(.58) saturate(.85); }
[data-theme="dark"] .vpc-page--relief .leaflet-vpcShade-pane { opacity: .8; }
.vpc-clouds-pane { mix-blend-mode: screen; }
/* Razlomljen zum (npr. 8,5): neprozirne pločice boja terena se preklapaju 1 px, inače se kroz šav
   vidi more. Bez Leaflet `plus-lighter` (sabrao bi preklop u belu liniju); senčenje ostaje kakvo jeste. */
.vpc-fractional .leaflet-vpcRelief-pane img.leaflet-tile { width: 257px !important; height: 257px !important; mix-blend-mode: normal; }

/* Stanice sede na satelitu: beli tekst sa tamnim obrisom čita se i na oblaku i na zemlji. */
.vpc-st { display: flex; flex-direction: column; align-items: center; justify-content: center; color: #fff; pointer-events: none; }
.vpc-st__row { display: flex; align-items: center; gap: 1px; line-height: 1; }
.vpc-st__ico { display: block; width: 26px; height: 26px; filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .55)); }
.vpc-st__temp { font-size: 15px; font-weight: 800; text-shadow: 0 0 3px #000, 0 1px 2px rgba(0, 0, 0, .9); }
.vpc-st__name { font-size: 11px; font-weight: 700; line-height: 1.2; white-space: nowrap; text-shadow: 0 0 3px #000, 0 1px 2px rgba(0, 0, 0, .9); }
.vpc-stations { transition: opacity 180ms linear; }
.vpc-stations--away { opacity: .55; }

/* Pritisak (v3): vrednost izobare i centri C (ciklon) i A (anticiklon). */
.vpc-iso-label { color: #1e293b; font-size: 10px; font-weight: 700; line-height: 1; white-space: nowrap; pointer-events: none;
    transform: translate(-50%, -50%); text-shadow: 0 0 2px #fff, 0 0 3px #fff; }
[data-theme="dark"] .vpc-iso-label { color: #f1f5f9; text-shadow: 0 0 2px #000, 0 0 3px #000; }
.vpc-center-icon { display: flex; flex-direction: column; align-items: center; pointer-events: none; }
.vpc-center { font-size: 24px; font-weight: 800; line-height: 1; text-shadow: 0 0 3px #fff, 0 0 4px #fff; }
.vpc-center--c { color: #dc2626; }
.vpc-center--a { color: #1d4ed8; }
.vpc-center__v { font-size: 10px; font-weight: 700; color: #1e293b; text-shadow: 0 0 2px #fff, 0 0 3px #fff; }
[data-theme="dark"] .vpc-center { text-shadow: 0 0 3px #000, 0 0 4px #000; }
[data-theme="dark"] .vpc-center--c { color: #f87171; }
[data-theme="dark"] .vpc-center--a { color: #93c5fd; }
[data-theme="dark"] .vpc-center__v { color: #f1f5f9; text-shadow: 0 0 2px #000, 0 0 3px #000; }

/* Dva sata: radar i satelit kasne različito. */
.vpc-times {
    position: absolute; z-index: 3; top: 64px; left: 12px; margin: 0; padding: 4px 9px; border-radius: 8px;
    background: rgba(15, 23, 42, .78); color: #fff; font-size: 12px; font-weight: 700; line-height: 1.3; pointer-events: none;
}

.vpc-about { box-sizing: border-box; width: calc(100% - 24px); max-width: 1290px; margin: 1.5rem auto 0; color: var(--rhmz-text-secondary, #475569); font-size: .95rem; line-height: 1.7; }
.vpc-about h2 { margin: 0 0 .5rem; color: var(--rhmz-text-primary, #0f172a); font-size: 1.25rem; }
.vpc-about p { margin: 0 0 .75rem; }
.vpc-about .vpc-about__sources { font-size: .82rem; }

@media (max-width: 640px) {
    .vpc-times { font-size: 11px; }
    .vpc-st__temp { font-size: 14px; }
}
@media (prefers-reduced-motion: reduce) {
    .vpc-sat, .vpc-stations { transition: none; }
}