.jw-weather-header{position:relative;isolation:isolate;overflow:visible;border-radius:14px;min-height:155px;background:#12263b;box-shadow:0 10px 28px rgba(0,0,0,.30);font-family:Arial,Helvetica,sans-serif;color:#fff}
.jw-weather-header *{box-sizing:border-box}
.jw-sky{position:absolute;inset:0;overflow:hidden;border-radius:14px;z-index:0;background:#20384d}
.jw-art{position:absolute;inset:0;background-position:center center;background-size:cover;background-repeat:no-repeat;z-index:0;transform:scale(1);transition:filter .8s ease,opacity .8s ease}
.jw-sky:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02) 0%,rgba(0,12,25,.08) 42%,rgba(0,10,20,.58) 100%),linear-gradient(90deg,rgba(0,12,25,.20),transparent 35%,rgba(0,10,25,.18));z-index:2;pointer-events:none}
.jw-sky:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(0,0,0,.35));z-index:3;pointer-events:none}
.jw-glow,.jw-sun,.jw-moon,.jw-cloud,.jw-haze,.jw-rain,.jw-snow,.jw-lightning,.jw-horizon{display:none!important}
.jw-header-inner{position:relative;z-index:20;min-height:155px;padding:6px 10px;display:grid;grid-template-columns:minmax(0,1fr) 210px;grid-template-rows:minmax(0,1fr) 32px;column-gap:10px;row-gap:5px}
.jw-brand{grid-column:1;grid-row:1;width:auto;min-width:0;align-self:stretch;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:16px}.jw-brand img{display:block;width:var(--jw-logo-size,110px);height:var(--jw-logo-size,110px);flex:0 0 var(--jw-logo-size,110px);object-fit:contain;filter:drop-shadow(0 5px 10px rgba(0,0,0,.48))}.jw-brand-text{display:block;color:#fff;font-weight:800;font-size:28px;line-height:1.12;text-align:left;text-shadow:0 2px 5px #000;max-width:none;white-space:nowrap}.jw-brand-text:empty{display:none}.jw-brand-none{display:none}
.jw-nav{grid-column:1;grid-row:2;align-self:stretch;display:flex;align-items:stretch;gap:5px;min-width:0}.jw-nav>a,.jw-nav-button{display:flex;align-items:center;justify-content:center;min-height:32px;padding:0 10px;border:1px solid rgba(255,255,255,.20);border-radius:7px 7px 3px 3px;background:linear-gradient(180deg,rgba(18,82,133,.96),rgba(8,42,78,.96));color:#fff;text-decoration:none;font-weight:700;font-size:13px;white-space:nowrap;box-shadow:0 3px 8px rgba(0,0,0,.25);cursor:pointer}.jw-nav>a:hover,.jw-nav-button:hover,.jw-nav-group.open .jw-nav-button{background:linear-gradient(180deg,#c83d35,#8f211d)}.jw-nav-group{position:relative}.jw-nav-button span{font-size:9px;margin-left:5px}.jw-dropdown{display:none;position:absolute;left:0;top:calc(100% + 4px);min-width:210px;background:rgba(6,22,38,.98);border:1px solid rgba(255,255,255,.25);border-radius:0 0 8px 8px;box-shadow:0 12px 25px rgba(0,0,0,.38);padding:5px;z-index:1000}.jw-nav-group.open .jw-dropdown{display:block}.jw-dropdown a{display:block;padding:9px 11px;color:#fff;text-decoration:none;border-radius:5px;font-size:13px}.jw-dropdown a:hover{background:#b72f2a}
.jw-live{grid-column:2;grid-row:1 / span 2;width:210px;align-self:center;margin-left:auto;padding:7px 10px;background:rgba(3,17,30,.52);border:1px solid rgba(255,255,255,.20);border-radius:10px;text-shadow:0 1px 3px #000;backdrop-filter:blur(5px)}.jw-temp{font-size:25px;font-weight:800;line-height:1}.jw-condition{font-size:11px;font-weight:700;margin-top:4px}.jw-details,.jw-hi-low{font-size:11px;margin-top:3px}.jw-updated{font-size:9px;margin-top:5px;opacity:.78}.jw-menu-toggle{display:none}
.jw-anim-sunny .jw-art{filter:saturate(1.08) brightness(1.05)}.jw-anim-cloudy .jw-art{filter:saturate(.85) brightness(.92)}.jw-anim-rain .jw-art{filter:saturate(.78) brightness(.72)}.jw-anim-storm .jw-art{filter:saturate(.68) brightness(.54)}.jw-anim-snow .jw-art{filter:saturate(.62) brightness(.95)}.jw-anim-night .jw-art{filter:saturate(.38) brightness(.38)}
@media(max-width:1050px){.jw-header-inner{min-height:165px;grid-template-columns:minmax(0,1fr) 175px}.jw-live{width:175px}.jw-nav>a,.jw-nav-button{padding:0 8px;font-size:12px}.jw-brand{gap:10px}.jw-brand img{width:90px;height:90px;flex-basis:90px}.jw-brand-text{font-size:22px}.jw-weather-header{min-height:165px}}
@media(max-width:800px){
.jw-weather-header,.jw-sky{border-radius:10px}
.jw-weather-header{min-height:0;height:auto}
.jw-header-inner{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto;align-items:start;gap:7px;padding:8px;overflow:visible}
.jw-brand{grid-column:1;grid-row:1;width:auto;min-width:0;min-height:78px;align-self:start;display:flex;gap:8px}
.jw-brand img{width:78px;height:78px;flex-basis:78px}
.jw-brand-text{font-size:18px;white-space:normal;max-width:220px}
.jw-menu-toggle{grid-column:2;grid-row:1;display:block;align-self:start;margin:0 0 0 auto;border:1px solid rgba(255,255,255,.25);background:rgba(4,27,48,.72);color:#fff;border-radius:7px;padding:8px 10px;font-size:18px}
.jw-live{grid-column:1 / -1;grid-row:2;position:static;width:100%;margin:0;align-self:stretch;padding:7px 9px;display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:9px;row-gap:2px;background:rgba(3,17,30,.72);border-radius:8px}
.jw-temp{grid-column:1;grid-row:1 / span 2;font-size:22px;line-height:1.05;align-self:center;white-space:nowrap}
.jw-condition{grid-column:2;grid-row:1;font-size:11px;margin-top:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jw-details,.jw-hi-low{grid-column:2;font-size:10px;margin-top:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jw-updated{grid-column:1 / -1;font-size:9px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jw-nav{grid-column:1 / -1;grid-row:3;position:static;display:none;left:auto;right:auto;top:auto;bottom:auto;flex-direction:column;background:rgba(4,20,34,.97);padding:8px;border-radius:8px;min-width:0;width:100%}
.jw-nav.open{display:flex}
.jw-nav-group{width:100%}
.jw-nav>a,.jw-nav-button{width:100%;min-height:34px}
.jw-dropdown{position:static;min-width:0;margin:3px 0}
.jw-menu-toggle:focus{outline:2px solid #fff}
}
@media(prefers-reduced-motion:reduce){.jw-art{animation:none!important}}