@font-face{font-family:Neurje;src:url('/wp-content/plugins/neurje-app/assets/open-sans-latin-wght-normal.woff2') format('woff2');font-weight:300 900;font-display:swap}
:root{color-scheme:light;--page:#f4f7f9;--paper:#fff;--ink:#172938;--muted:#637788;--border:#dce5eb;--soft:#f4f8fa;--yellow:#facb2d;--blue:#2e8ab8;--map:#edf4f4;--map-land-top:#e9f3ed;--map-land-bottom:#d6e9e5;--map-border:#8cafa9;--map-dot:#d5e2e5;--shadow:0 18px 50px rgba(29,61,80,.07)}
html[data-theme=dark]{color-scheme:dark;--page:#111b23;--paper:#1b2934;--ink:#edf4f7;--muted:#acbdc9;--border:#344653;--soft:#243541;--yellow:#facb2d;--blue:#94cde9;--map:#192832;--map-land-top:#284b50;--map-land-bottom:#213a40;--map-border:#527a83;--map-dot:#2b414e;--shadow:0 18px 50px rgba(0,0,0,.19)}
*{box-sizing:border-box}html{background:var(--page);color:var(--ink)}body{margin:0;font:14px/1.5 Neurje,'Open Sans',Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}a{color:inherit}.site-shell{max-width:1390px;margin:auto;padding:0 28px}
.site-header{display:flex;align-items:center;gap:19px;padding:15px 3px;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center}.brand img{width:135px;max-height:50px;object-fit:contain}html[data-theme=dark] .brand img{filter:grayscale(1) brightness(0) invert(1)}.header-rule{height:29px;width:1px;background:var(--border)}.header-copy{display:flex;flex-direction:column;line-height:1.25}.header-copy strong{font-weight:800;font-size:16px}.header-copy span{color:var(--muted);font-size:11px}.theme-button{margin-left:auto;width:42px;height:40px;border-radius:11px;color:var(--ink);background:var(--paper);border:1px solid var(--border);font-size:22px}
main{padding:27px 0 16px}.page-heading{display:flex;justify-content:space-between;align-items:end;gap:22px;margin-bottom:20px}.eyebrow{color:#2984aa;font-size:10px;font-weight:800;letter-spacing:1.2px}.eyebrow i{display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:50%;background:#18b786;box-shadow:0 0 0 4px rgba(24,183,134,.1)}.page-heading h1{font-size:clamp(29px,3.4vw,42px);line-height:1.1;letter-spacing:-1.4px;font-weight:850;margin:8px 0 5px}.page-heading p{margin:0;color:var(--muted)}.update-status{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:11px;text-align:right;white-space:nowrap}.update-status button{background:var(--paper);color:var(--ink);border:1px solid var(--border);padding:8px 11px;border-radius:9px;font-weight:750}
.forecast-board{background:var(--paper);border:1px solid var(--border);border-radius:19px;box-shadow:var(--shadow);overflow:hidden}.period-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px 26px 11px}.section-kicker{font-size:10px;letter-spacing:1.1px;font-weight:800;color:var(--muted)}.period-head h2{margin:3px 0 0;font-size:27px;font-weight:850;letter-spacing:-.8px}.period-head p{margin:1px 0 0;font-size:11px;color:var(--muted)}.play-group{display:flex;gap:6px;flex:none}.play-group button{background:var(--paper);border:1px solid var(--border);border-radius:10px;padding:8px 12px;min-height:38px;color:var(--ink);font-weight:750}.play-group button:hover{border-color:var(--blue)}.play-group #playButton{background:var(--soft)}
.period-carousel{display:flex;align-items:stretch;gap:10px;margin:0 25px 20px;min-width:0}.period-arrow{width:36px;flex:none;border:1px solid var(--border);border-radius:10px;color:var(--ink);background:var(--paper);font-size:28px;line-height:1}.period-arrow:disabled{opacity:.3;cursor:default}.period-rail{display:flex;align-items:stretch;gap:9px;min-width:0;flex:1;overflow:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;padding:3px 0 6px}.period-chip{flex:0 0 150px;display:flex;align-items:center;gap:11px;min-height:75px;border:1px solid var(--border);background:var(--soft);color:var(--ink);border-radius:11px;padding:11px 13px;text-align:left;scroll-snap-align:start;transition:background .15s,border-color .15s}.period-chip:hover{border-color:#e1b627}.period-chip.selected{background:#ffdf68;border-color:var(--yellow);color:#182b3b;box-shadow:0 2px 9px rgba(248,190,20,.12)}.period-chip .chip-icon{font-size:24px;line-height:1;min-width:27px}.period-chip .chip-copy{display:flex;flex-direction:column;min-width:0}.period-chip strong{font-size:13px;font-weight:830;line-height:1.25;white-space:nowrap}.period-chip small{font-size:10px;opacity:.72;white-space:nowrap}.period-chip.is-night .chip-icon{color:#5487b0}
.map-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 24px;background:var(--soft);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.mode-tabs{display:flex;align-items:center;gap:5px;min-width:0}.mode-tabs button{padding:9px 14px;border:1px solid transparent;background:transparent;color:var(--muted);border-radius:9px;font-weight:740;white-space:nowrap;font-size:12px}.mode-tabs button:hover{background:var(--paper)}.mode-tabs button.active{background:var(--yellow);border-color:var(--yellow);color:#182733}.map-actions{display:flex;align-items:center;gap:9px;flex:none}.city-picker{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:800;color:var(--muted)}.city-picker select{background:var(--paper);border:1px solid var(--border);border-radius:9px;min-height:38px;min-width:155px;max-width:182px;padding:7px 28px 7px 10px;color:var(--ink);font-weight:700}.map-actions>button{background:var(--paper);border:1px solid var(--border);color:var(--ink);border-radius:9px;min-height:38px;padding:7px 14px;font-weight:800}
.map-panel{padding:17px 23px 4px}.map-topline{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 2px 10px;color:var(--muted);font-size:11px;font-weight:760;letter-spacing:.2px}.map-scroll{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;background:var(--map);border:1px solid var(--border);border-radius:14px}.map-canvas{position:relative;width:100%;aspect-ratio:1200/740;min-width:0;isolation:isolate}.country-svg{width:100%;height:100%;display:block}.country-svg stop:first-child{stop-color:var(--map-land-top)}.country-svg stop:last-child{stop-color:var(--map-land-bottom)}.country-svg .neighbor{fill:var(--muted);opacity:.32;letter-spacing:4px;font-size:14px;font-weight:750}.country-svg .country-label{fill:var(--ink);opacity:.075;letter-spacing:11px;font-size:37px;font-weight:900;text-anchor:middle}.country-svg path{vector-effect:non-scaling-stroke}.geo-pins{position:absolute;inset:0;pointer-events:none}.geo-pin{position:absolute;width:0;height:0;z-index:2;pointer-events:none}.geo-pin.chosen{z-index:20}.geo-pin:hover{z-index:19}.pin-dot{position:absolute;left:0;top:0;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background:#16678d;border:2px solid #fff;box-shadow:0 0 0 3px rgba(40,116,146,.13);cursor:pointer;pointer-events:auto;z-index:2}.geo-pin.chosen .pin-dot{background:var(--yellow);box-shadow:0 0 0 4px rgba(255,211,68,.28)}.pin-card{position:absolute;bottom:16px;left:0;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:0;min-width:94px;padding:8px 9px 6px;border:1px solid rgba(187,208,215,.95);border-radius:12px;color:#18303f;background:rgba(255,255,255,.97);box-shadow:0 7px 22px rgba(24,63,73,.16);pointer-events:auto;white-space:nowrap}.pin-card:after{content:"";position:absolute;width:2px;height:12px;bottom:-13px;left:50%;background:#a3c0c8;opacity:.8}.pin-card .pin-weather{width:34px;height:34px;filter:drop-shadow(0 2px 1px rgba(31,77,105,.12))}.pin-row{display:flex;align-items:center;gap:4px;line-height:1}.pin-reading{font-size:22px;font-weight:900;letter-spacing:-.8px;font-variant-numeric:tabular-nums}.pin-reading small{font-size:11px;font-weight:800;letter-spacing:0}.pin-name{font-size:10px;line-height:1.25;color:#4e6876;font-weight:760;margin-top:1px}.geo-pin.chosen .pin-card{border:2px solid #f4b913;box-shadow:0 9px 26px rgba(24,63,73,.24),0 0 0 3px rgba(255,211,68,.16)}.geo-pin.is-extra .pin-card{display:none}.geo-pin.is-extra.chosen .pin-card{display:flex}.geo-pin.is-extra .pin-dot{width:8px;height:8px;background:#6c9aa1;box-shadow:none}.geo-pin .pin-card:hover{transform:translateX(-50%) translateY(-3px)}.geo-pin.windy .pin-card{border-color:#eea19b}
.pin-weather{display:inline-block;overflow:visible;flex:none}.map-swipe-hint{display:none;margin:8px 1px 0;color:var(--muted);font-size:11px}.status-message{border:1px solid #b6d7e7;background:#eaf6ff;color:#285c78;padding:12px 15px;margin-bottom:10px;border-radius:10px;font-size:12px}.status-message[hidden]{display:none}.status-message.error{background:#fff1e8;border-color:#f0c8af;color:#a24c29}.status-message.stale{background:#fffae7;border-color:#efd798;color:#775600}
.map-legend{display:flex;align-items:center;flex-wrap:wrap;gap:10px 19px;min-height:44px;margin:5px 2px 0;color:var(--muted);font-size:10px}.map-legend strong{font-size:10px;font-weight:850;letter-spacing:.6px}.legend-items{display:flex;align-items:center;flex-wrap:wrap;gap:9px 15px}.legend-item{display:inline-flex;align-items:center;gap:6px}.legend-item i{display:inline-block;width:14px;height:8px;border-radius:3px;flex:none}
.city-details{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 26px;border-top:1px solid var(--border);background:var(--soft)}.selected-city{display:flex;align-items:center;gap:12px;min-width:185px}.selected-city .pin-weather{width:47px;height:47px}.selected-city .city-heading{display:flex;flex-direction:column}.selected-city .city-heading strong{font-size:18px;font-weight:850}.selected-city .city-heading small{color:var(--muted);font-size:11px}.detail-stats{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.detail-stat{display:flex;flex-direction:column;gap:1px;min-width:77px}.detail-stat small{font-size:10px;color:var(--muted);font-weight:650}.detail-stat strong{font-size:18px;white-space:nowrap;font-weight:850;font-variant-numeric:tabular-nums}.detail-stat strong.alert-wind{color:#c44844}.source-note{margin:14px 4px 26px;font-size:11px;line-height:1.7;color:var(--muted)}footer{display:flex;gap:21px;align-items:center;border-top:1px solid var(--border);padding:21px 3px 33px;font-size:11px;color:var(--muted)}footer span{margin-right:auto}footer a{text-decoration:none;font-weight:750}footer small{font-size:9px;opacity:.65}
@media(max-width:1120px){.map-toolbar{align-items:start;flex-direction:column}.map-actions{width:100%;justify-content:space-between}.city-details{align-items:start;flex-direction:column}.detail-stats{width:100%;justify-content:space-between}.period-chip{flex-basis:140px}.site-shell{padding:0 20px}}
@media(max-width:790px){.site-shell{padding:0 13px}.site-header{padding:11px 1px}.brand img{width:109px;max-height:41px}.header-copy strong{font-size:13px}.header-copy span{font-size:10px}.page-heading{align-items:start;flex-direction:column;gap:10px}.update-status{text-align:left}.forecast-board{border-radius:14px}.period-head{padding:17px 15px 11px}.period-head h2{font-size:22px}.period-carousel{margin:0 13px 15px;gap:6px}.period-chip{flex-basis:131px;min-height:64px;padding:9px 10px;gap:8px}.period-chip .chip-icon{font-size:22px}.period-arrow{width:26px;font-size:24px}.map-toolbar{padding:11px 12px}.mode-tabs{max-width:100%;overflow-x:auto;scrollbar-width:none}.mode-tabs button{padding:8px 10px}.map-panel{padding:10px 10px 3px}.map-canvas{min-width:960px}.map-swipe-hint{display:block}.city-picker select{min-width:150px}.map-scroll{border-radius:10px}.city-details{padding:13px}.detail-stats{gap:8px 17px}.detail-stat strong{font-size:15px}.source-note{font-size:10px}footer small{display:none}}
@media(max-width:450px){.header-rule{height:24px}.site-header{gap:10px}.brand img{width:95px}.header-copy strong{font-size:12px}.page-heading h1{font-size:30px}.period-head h2{font-size:20px}.play-group button{padding:8px 9px}.play-label{display:none}.map-actions{gap:7px}.city-picker span{display:none}.city-picker select{min-width:132px;max-width:177px}.map-topline{font-size:10px}.pin-card{min-width:93px}.city-details .detail-stat{min-width:62px}.selected-city .city-heading strong{font-size:16px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Geografske točke ostanejo na natančnih koordinatah; barva kartice sledi legendi. */
.geo-pin .pin-dot{background:var(--pin-accent,#16678d)}
.geo-pin .pin-card{border-top:3px solid var(--pin-accent,#2e8ab8)}
.geo-pin.chosen .pin-card{border-top:3px solid var(--pin-accent,#2e8ab8)}
/* Oznako Lendave nežno odmaknemo od Murske Sobote, pika ostane točna. */
.geo-pin[data-city="lendava"] .pin-card{left:45px}
.geo-pin[data-city="lendava"] .pin-card:after{left:calc(50% - 45px)}
@media(max-width:790px){.geo-pin[data-city="lendava"] .pin-card{left:60px}.geo-pin[data-city="lendava"] .pin-card:after{left:calc(50% - 60px)}}

/* v3: prvi Neurje.si zemljevid — originalna podlaga in vseh 27 oznak. */
.site-shell{max-width:1490px}
.page-heading{margin-bottom:14px}
.page-heading h1{font-size:clamp(26px,2.6vw,34px)}
.period-head{padding-top:16px}
.period-head h2{font-size:24px}
.period-chip{min-height:63px;flex-basis:145px}
.period-carousel{margin-bottom:12px}
.map-panel{padding:10px 12px 6px}
.map-scroll{background:#a4a5a5;border-color:rgba(95,84,82,.19);border-radius:16px}
.map-canvas{aspect-ratio:1200/796;min-width:1000px;overflow:hidden}
.original-map{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:fill;user-select:none;pointer-events:none}
.valid-badge{position:absolute;left:0;top:0;z-index:5;max-width:44%;border-radius:0 0 12px 0;
  background:rgba(251,251,251,.91);color:#17202c;font-family:Arial,sans-serif;
  font-size:clamp(17px,1.9vw,25px);padding:3px 12px;line-height:1.38;box-shadow:0 2px 9px rgba(0,0,0,.08)}
.geo-pins{position:absolute;inset:0;pointer-events:none}
.original-marker{position:absolute;z-index:2;display:inline-flex;align-items:center;gap:3px;justify-content:flex-end;
  border:0;border-radius:7px;background:var(--marker-tint,#774b4d);color:var(--marker-text,#111827);min-width:72px;height:40px;
  padding:3px 4px 3px 8px;white-space:nowrap;pointer-events:auto;
  box-shadow:0 2px 5px rgba(23,16,14,.11);line-height:1;transition:background .12s,box-shadow .12s}
.original-marker:hover{z-index:14;filter:brightness(1.06);box-shadow:0 4px 14px rgba(0,0,0,.36)}
.original-marker.chosen{z-index:7;box-shadow:0 0 0 2px rgba(255,224,117,.8),0 3px 11px rgba(0,0,0,.26)}
.original-marker.no-icon{min-width:44px;padding-inline:11px;justify-content:center}
.original-marker .pin-reading{font:650 17px Neurje,'Open Sans',Arial,sans-serif;letter-spacing:-.15px;white-space:nowrap;font-variant-numeric:tabular-nums}
.original-marker .pin-reading small{font:700 9px Neurje,'Open Sans',Arial,sans-serif;letter-spacing:-.15px}
.original-marker .icon-tile{display:flex;align-items:center;justify-content:center;flex:none;width:33px;height:33px;
  background:#f8f9fc;border-radius:5px;overflow:hidden}
.original-marker .pin-weather{display:block;width:32px;height:32px;filter:drop-shadow(0 1px 0 rgba(0,0,0,.06))}
.map-legend{font-size:10px;min-height:39px}
.city-details{padding:13px 21px}
.selected-city .pin-weather{width:42px;height:42px}
.source-note{margin-bottom:12px}
.valid-badge{font-family:Neurje,'Open Sans',Arial,sans-serif;font-weight:650}
.page-heading h1,.period-head h2,.header-copy strong{font-family:Oswald,Neurje,'Open Sans',Arial,sans-serif;letter-spacing:-.15px}
.page-heading h1{font-weight:600}
.period-head h2{font-weight:600}
.header-copy strong{font-size:19px;font-weight:600}
.original-marker .metric-icon{filter:none}
.city-details{border-radius:0 0 17px 17px}
.forecast-board{margin-bottom:18px}
@media(max-width:790px){
  .map-canvas{min-width:1100px}
  .map-panel{padding:8px 7px 4px}
  .map-scroll{border-radius:12px}
  .valid-badge{font-size:20px}
  .original-marker{min-width:72px;height:40px}
  .period-head h2{font-size:20px}
}

/* v6: na telefonu je najprej vidna cela Slovenija; približevanje ohrani koordinate oznak. */
.map-stage{position:relative;width:100%;min-width:1000px;aspect-ratio:1200/796}
.map-stage>.map-canvas{position:absolute;inset:0;width:100%;height:100%;min-width:0;aspect-ratio:auto}
.map-zoom-tools{display:none}
@media(max-width:790px){
  .map-scroll{overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y}
  .map-stage{min-width:0;aspect-ratio:1200/796}
  .map-stage>.map-canvas{inset:auto;top:0;left:0;width:1200px;height:796px;min-width:0;transform-origin:0 0}
  .map-zoom-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 2px 3px}
  .map-zoom-hint{color:var(--muted);font-size:10px;line-height:1.35}
  .map-zoom-buttons{display:flex;align-items:center;gap:5px;flex:none}
  .map-zoom-buttons button{min-width:42px;height:42px;padding:0 6px;border:1px solid var(--border);border-radius:9px;background:var(--paper);color:var(--ink);font-size:24px;font-weight:700;line-height:1}
  .map-zoom-buttons #zoomFit{font-size:11px;letter-spacing:.5px}
  .map-zoom-buttons button:disabled{opacity:.4;cursor:default}
  .map-swipe-hint{display:none}
}