/* Interaktivni prikazi zime 2026/27 ([jt_visina_snijeg], [jt_evropa_zima]) */
.jtw{--jtw-ink:#1a2b48;--jtw-purple:#7419ff;--jtw-muted:#5b6577;background:#f6f4fd;border-radius:18px;padding:24px;margin:28px 0;color:var(--jtw-ink);font-family:"DM Sans",system-ui,sans-serif}
.jtw p{margin:0}
.jtw-title{font-size:24px;font-weight:800;letter-spacing:-.02em;line-height:1.2}
.jtw-sub{margin-top:4px!important;color:var(--jtw-muted);font-size:15px}
.jtw-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}
.jtw-tabs button{font:inherit;font-size:15px;font-weight:700;padding:9px 16px;border-radius:999px;border:1px solid #d5cdf3;background:#fff;color:var(--jtw-ink);cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.jtw-tabs button:hover{border-color:var(--jtw-purple);color:var(--jtw-purple)}
.jtw-tabs button[aria-pressed="true"]{background:var(--jtw-purple);border-color:var(--jtw-purple);color:#fff}
.jtw-tabs button:focus-visible{outline:3px solid #b9a6ee;outline-offset:2px}
.jtw-body{display:grid;grid-template-columns:1fr;gap:14px}
.jtw-svg{width:100%;height:auto;display:block;border-radius:14px;background:#fff}
.jtw-side{background:#fff;border-radius:14px;padding:18px 20px;box-shadow:0 6px 18px rgba(26,43,72,.06)}
.jtw-mountain .jtw-panel dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 22px}
.jtw-mountain .jtw-panel dt{grid-row:1;margin-top:0}
.jtw-mountain .jtw-panel dd{grid-row:2}
.jtw-europe .jtw-side{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:22px;align-items:start}
.jtw-europe .jtw-legend{margin:0;padding:0 0 0 20px;border-top:0;border-left:1px solid #ebe7f7}
.jtw-panel{display:none}
.jtw[data-m="dec"] .jtw-panel.jtw-m-dec,.jtw[data-m="jan"] .jtw-panel.jtw-m-jan,.jtw[data-m="feb"] .jtw-panel.jtw-m-feb,.jtw[data-m="mar"] .jtw-panel.jtw-m-mar{display:block;animation:jtwIn .35s ease}
@keyframes jtwIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.jtw-verdict{font-size:20px;font-weight:800;color:var(--jtw-purple);margin-bottom:10px!important}
.jtw-panel p{font-size:15px;line-height:1.5;color:#3c4a63}
.jtw-panel dl{margin:0}
.jtw-panel dt{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--jtw-muted);margin-top:10px}
.jtw-panel dd{margin:3px 0 0;font-size:15px;line-height:1.45;color:var(--jtw-ink)}
.jtw-note{margin-top:12px!important;font-size:13px;color:var(--jtw-muted)}
/* SVG elementi zavisni od mjeseca */
.jtw-svg .jtw-m{opacity:0;transition:opacity .5s ease}
.jtw[data-m="dec"] .jtw-svg .jtw-m-dec,.jtw[data-m="jan"] .jtw-svg .jtw-m-jan,.jtw[data-m="feb"] .jtw-svg .jtw-m-feb,.jtw[data-m="mar"] .jtw-svg .jtw-m-mar{opacity:1}
.jtw-svg-lbl{font-family:"DM Sans",system-ui,sans-serif;font-size:20px;font-weight:600;fill:#3c4a63}
.jtw-strong{font-weight:800;fill:var(--jtw-ink)}
.jtw-purple{fill:var(--jtw-purple);font-weight:700}
.jtw-blue{fill:#2f7fd6;font-weight:700}
.jtw-white{fill:#fff;font-weight:700;font-size:19px}
.jtw-axis line{stroke:#d6dcea;stroke-width:1}
.jtw-axis text{font-family:"DM Sans",system-ui,sans-serif;font-size:16px;fill:#7b8496}
/* Planina: padavine i topovi */
.jtw-precip{transition:opacity .5s ease;opacity:0}
.jtw-rain{stroke:#6f95cf;stroke-width:2.4;stroke-linecap:round}
.jtw-snow-low,.jtw-snow-top{fill:#fff;stroke:#7f95c4;stroke-width:1.6}
.jtw-mountain[data-m="dec"] .jtw-rain,.jtw-mountain[data-m="mar"] .jtw-rain{opacity:1}
.jtw-mountain[data-m="jan"] .jtw-rain,.jtw-mountain[data-m="jan"] .jtw-snow-low{opacity:.55}
.jtw-mountain[data-m="feb"] .jtw-snow-low{opacity:1}
.jtw-mountain[data-m="dec"] .jtw-snow-top{opacity:.45}
.jtw-mountain[data-m="jan"] .jtw-snow-top,.jtw-mountain[data-m="feb"] .jtw-snow-top{opacity:1}
.jtw-mountain[data-m="mar"] .jtw-snow-top{opacity:.35}
.jtw-piste{opacity:.9;transition:opacity .5s}
.jtw-mountain[data-m="mar"] .jtw-piste{opacity:.55}
.jtw-spray circle{fill:#fff;stroke:#b9c6e2}
.jtw-spray{opacity:0;transition:opacity .4s}
.jtw-mountain[data-m="dec"] .jtw-spray,.jtw-mountain[data-m="jan"] .jtw-spray{opacity:1;animation:jtwSpray 1.4s ease-in-out infinite}
.jtw-mountain[data-m="feb"] .jtw-spray{opacity:.4}
@keyframes jtwSpray{0%,100%{transform:translate(0,0)}50%{transform:translate(4px,-4px)}}
.jtw-mountain[data-m="dec"] .jtw-rain,.jtw-mountain[data-m="mar"] .jtw-rain,.jtw-mountain[data-m="jan"] .jtw-rain{animation:jtwFall 1.1s linear infinite}
.jtw-mountain .jtw-snow-low,.jtw-mountain .jtw-snow-top{animation:jtwDrift 3s ease-in-out infinite}
@keyframes jtwFall{from{transform:translateY(-6px)}to{transform:translateY(6px)}}
@keyframes jtwDrift{0%,100%{transform:translate(0,0)}50%{transform:translate(5px,6px)}}
/* Evropa */
.jtw-wet{fill:#4f7dd9;opacity:.45}
.jtw-snowsig{fill:#7419ff;opacity:.38}
.jtw-jet{fill:none;stroke:var(--jtw-purple);stroke-width:5;stroke-linecap:round;stroke-dasharray:14 10;animation:jtwJet 1.2s linear infinite}
.jtw-cold{fill:none;stroke:#2f7fd6;stroke-width:4;stroke-dasharray:6 8;stroke-linecap:round;animation:jtwJet 1.6s linear infinite}
.jtw-tele{fill:none;stroke:var(--jtw-purple);stroke-width:2.5;stroke-dasharray:4 6}
@keyframes jtwJet{to{stroke-dashoffset:-48}}
.jtw-nino-b{font-family:"DM Sans",system-ui,sans-serif;font-size:26px;font-weight:800;fill:#7419ff}
.jtw-nino-box{fill:#7419ff;stroke:#7419ff;stroke-width:6;stroke-linejoin:round;animation:jtwPulse 1.8s ease-in-out infinite}
@keyframes jtwPulse{0%,100%{stroke-width:4;opacity:1}50%{stroke-width:12;opacity:.7}}
.jtw-nino-c{font-family:"DM Sans",system-ui,sans-serif;font-size:14px;font-weight:600;fill:#5b6577}
.jtw-legend{list-style:none;margin:16px 0 0;padding:14px 0 0;border-top:1px solid #ebe7f7;font-size:14px}
.jtw-legend li{display:flex;align-items:center;gap:8px;margin:6px 0;padding:0}
.jtw-legend li::before{display:none}
.jtw-legend i{width:18px;height:12px;border-radius:6px;display:inline-block;flex:0 0 auto}
.jtw-k-wet{background:#4f7dd9;opacity:.6}.jtw-k-snow{background:#7419ff;opacity:.55}.jtw-k-cold{border:2px dashed #2f7fd6;height:8px!important}
@media (prefers-reduced-motion:reduce){.jtw *{animation:none!important;transition:none!important}}
@media (max-width:820px){
  .jtw{padding:16px;border-radius:14px;margin:22px -4px}
  .jtw-body{grid-template-columns:1fr}
  .jtw-title{font-size:20px}
  .jtw-tabs{gap:6px}
  .jtw-tabs button{flex:1 1 calc(50% - 6px);font-size:14px;padding:9px 10px}
  .jtw-svg-lbl{font-size:26px}
  .jtw-svg .jtw-white{font-size:19px}
  .jtw-mountain .jtw-panel dl{grid-template-columns:1fr}
  .jtw-mountain .jtw-panel dt{grid-row:auto;margin-top:10px}
  .jtw-mountain .jtw-panel dd{grid-row:auto}
  .jtw-europe .jtw-side{grid-template-columns:1fr}
  .jtw-europe .jtw-legend{padding:12px 0 0;border-left:0;border-top:1px solid #ebe7f7}
}
/* jt-travel-updates (media.js) označava veće SVG-ove u tekstu kao „legacy” strelice i sakriva ih; naši prikazi su izuzeti */
.jtw .jtw-svg,.entry-content .jtw svg.jtw-svg,.jtu-hide-arrows .entry-content .jtw .jtw-svg.jtu-legacy-svg{display:block!important;width:100%!important;height:auto!important;max-width:none!important;max-height:none!important}
