:root{
  --bg:#020c1a;--bg2:#04142a;--panel:#071b34;--panel2:#092342;--line:rgba(76,177,255,.22);
  --text:#f4f9ff;--muted:#8fa9c2;--cyan:#27b8ff;--cyan2:#68d5ff;--blue:#1687e8;--warn:#ffb000;
  --radius:18px;--shadow:0 20px 55px rgba(0,0,0,.34);--shell:1450px;
}

/* v10.40 — compact Corner Pet placement in the free Home column. */
.home-pet-promo{
  display:block;
  flex-shrink:0;
  width:100%;
  margin-top:auto;
  overflow:hidden;
  border:1px solid rgba(131,211,70,.38);
  border-radius:14px;
  background:#79bd34;
  line-height:0;
  box-shadow:0 10px 24px rgba(0,0,0,.2);
}
.home-pet-promo img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
}
@media(max-width:1100px){.home-pet-promo{margin-top:2px}}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:125px}body{margin:0;font-family:Inter,system-ui,sans-serif;color:var(--text);background:linear-gradient(180deg,#020816 0,#03142b 35%,#020c1b 100%);min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.shell{width:min(var(--shell),calc(100% - 34px));margin-inline:auto}.ambient{position:fixed;z-index:-3;border-radius:50%;filter:blur(100px);opacity:.12;pointer-events:none}.ambient-a{width:560px;height:560px;background:#0d9cff;top:-180px;left:-220px}.ambient-b{width:700px;height:700px;background:#0a58ff;right:-330px;top:420px}
.site-header{position:sticky;top:0;z-index:1000;background:rgba(2,10,24,.93);backdrop-filter:blur(18px);border-bottom:1px solid rgba(71,183,255,.16);box-shadow:0 8px 30px rgba(0,0,0,.22)}.header-top{height:86px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:14px;min-width:0}.brand img{width:67px;height:67px;object-fit:cover;border-radius:50%;filter:drop-shadow(0 0 16px rgba(46,190,255,.25))}.brand-copy{display:grid;line-height:1.05}.brand-copy strong{font-size:clamp(1.2rem,2vw,2rem);font-weight:900;font-style:italic;letter-spacing:-1.2px}.brand-copy small{color:#c3d5e6;font-size:.74rem;margin-top:6px;letter-spacing:.2px}.header-time{text-align:right;display:grid;gap:2px}.header-time span{color:#a9bed1;font-size:.72rem}.header-time strong{font-size:1rem}.menu-toggle{display:none;width:42px;height:42px;border:1px solid var(--line);border-radius:12px;background:#06172d;padding:9px}.menu-toggle span{display:block;height:2px;background:#dff4ff;margin:5px 0;border-radius:2px}.main-nav{border-top:1px solid rgba(255,255,255,.04)}.nav-inner{display:flex;align-items:center;gap:2px;overflow:auto;scrollbar-width:none}.nav-inner::-webkit-scrollbar{display:none}.nav-inner a{height:42px;display:flex;align-items:center;gap:7px;padding:0 17px;color:#9eb5c9;font-size:.75rem;font-weight:800;border-bottom:2px solid transparent;white-space:nowrap;transition:.18s}.nav-inner a:hover,.nav-inner a.active{color:#fff;border-bottom-color:var(--cyan);background:linear-gradient(180deg,transparent,rgba(39,184,255,.08))}.nav-inner a i{font-size:.8rem}
.hero-section{padding-top:24px}.hero-card{position:relative;min-height:365px;display:grid;grid-template-columns:minmax(440px,.8fr) 1.2fr;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:linear-gradient(120deg,#05172e 0,#06264c 47%,#04152c 100%);box-shadow:var(--shadow)}.hero-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 28% 10%,rgba(47,194,255,.17),transparent 34%),linear-gradient(90deg,rgba(1,8,20,.25),transparent);pointer-events:none}.hero-copy{position:relative;z-index:3;padding:44px 20px 35px 42px;display:flex;flex-direction:column;justify-content:center}.eyebrow,.section-kicker{font-size:.68rem;font-weight:900;letter-spacing:1.6px;color:var(--cyan2)}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#39df82;box-shadow:0 0 0 5px rgba(57,223,130,.08);margin-right:7px}.hero-temp-row{display:flex;align-items:center;gap:26px;margin-top:10px}.hero-temp{font-size:clamp(4.5rem,8vw,7.5rem);font-weight:300;letter-spacing:-7px;line-height:.95}.hero-temp span{font-size:.34em;font-weight:500;letter-spacing:-2px;vertical-align:top;margin-left:8px}.hero-icon{font-size:4rem;color:#ffd23f;filter:drop-shadow(0 8px 16px rgba(0,0,0,.35))}.hero-condition{font-size:1rem;color:#c9d8e6;margin:10px 0 28px}.metrics{display:flex;flex-wrap:wrap;gap:10px 0}.metrics>div{display:grid;grid-template-columns:22px auto;grid-template-rows:auto auto;column-gap:8px;min-width:116px;padding:0 13px;border-right:1px solid rgba(113,194,255,.18)}.metrics>div:first-child{padding-left:0}.metrics i{grid-row:1/3;color:var(--cyan);align-self:center}.metrics span{font-size:.61rem;color:#809ab2}.metrics strong{font-size:.73rem}.hero-visual{position:relative;min-height:365px;overflow:hidden;background:#06172d}.hero-landmark-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 46%;transition:filter .6s ease,transform 1.2s ease}.hero-visual:hover .hero-landmark-image{transform:scale(1.015)}.hero-weather-tint,.hero-cloud-layer,.hero-rain-layer,.hero-snow-layer,.hero-fog-layer,.hero-lightning-layer,.hero-visual-shade{position:absolute;inset:0;pointer-events:none}.hero-weather-tint{z-index:2;transition:background .6s ease,opacity .6s ease}.hero-cloud-layer{z-index:3;opacity:0;background:radial-gradient(ellipse at 28% 17%,rgba(230,240,247,.62) 0 10%,rgba(115,132,146,.42) 25%,transparent 48%),radial-gradient(ellipse at 72% 12%,rgba(235,242,247,.5) 0 11%,rgba(95,113,128,.38) 27%,transparent 50%);filter:blur(7px);mix-blend-mode:screen}.hero-cloud-layer-b{transform:translateX(18%);opacity:0}.hero-rain-layer{z-index:5;opacity:0;background-image:repeating-linear-gradient(105deg,transparent 0 10px,rgba(180,220,255,.34) 11px 12px,transparent 13px 20px);background-size:52px 52px;animation:heroRain .6s linear infinite}.hero-snow-layer{z-index:5;opacity:0;background-image:radial-gradient(circle,rgba(255,255,255,.9) 0 2px,transparent 2.5px),radial-gradient(circle,rgba(255,255,255,.72) 0 1.4px,transparent 2px);background-size:34px 34px,52px 52px;background-position:0 0,17px 9px;animation:heroSnow 8s linear infinite}.hero-fog-layer{z-index:4;opacity:0;background:linear-gradient(90deg,rgba(225,235,240,.1),rgba(235,242,245,.65),rgba(210,225,232,.18));filter:blur(12px);animation:heroFog 10s ease-in-out infinite alternate}.hero-lightning-layer{z-index:6;opacity:0;background:radial-gradient(circle at 65% 20%,rgba(220,239,255,.95),rgba(160,210,255,.34) 13%,transparent 36%);mix-blend-mode:screen}.hero-visual-shade{z-index:7;background:linear-gradient(90deg,#061b34 0,rgba(6,27,52,.2) 18%,transparent 42%,rgba(3,14,29,.08) 78%,#06172d 100%)}.hero-location-badge{position:absolute;right:18px;bottom:16px;z-index:9;padding:7px 10px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(2,10,20,.58);backdrop-filter:blur(8px);font-size:.67rem;font-weight:800;color:#e8f5ff}.hero-card.condition-clear .hero-landmark-image{filter:saturate(1.08) contrast(1.03) brightness(1.07)}.hero-card.condition-clear .hero-weather-tint{background:linear-gradient(180deg,rgba(55,160,255,.03),rgba(255,190,80,.05))}.hero-card.condition-partly-cloudy .hero-cloud-layer-a{opacity:.46}.hero-card.condition-partly-cloudy .hero-cloud-layer-b{opacity:.22}.hero-card.condition-cloudy .hero-landmark-image{filter:saturate(.75) brightness(.8) contrast(1.05)}.hero-card.condition-cloudy .hero-cloud-layer-a{opacity:.78}.hero-card.condition-cloudy .hero-cloud-layer-b{opacity:.62}.hero-card.condition-cloudy .hero-weather-tint{background:rgba(27,42,55,.18)}.hero-card.condition-rain .hero-landmark-image{filter:saturate(.62) brightness(.67) contrast(1.08)}.hero-card.condition-rain .hero-cloud-layer-a,.hero-card.condition-rain .hero-cloud-layer-b{opacity:.86}.hero-card.condition-rain .hero-rain-layer{opacity:.62}.hero-card.condition-rain .hero-weather-tint{background:linear-gradient(180deg,rgba(8,20,35,.38),rgba(15,42,68,.2))}.hero-card.condition-storm .hero-landmark-image{filter:saturate(.52) brightness(.54) contrast(1.15)}.hero-card.condition-storm .hero-cloud-layer-a,.hero-card.condition-storm .hero-cloud-layer-b{opacity:.95}.hero-card.condition-storm .hero-rain-layer{opacity:.78}.hero-card.condition-storm .hero-weather-tint{background:linear-gradient(180deg,rgba(5,10,24,.58),rgba(13,30,50,.34))}.hero-card.condition-storm .hero-lightning-layer{animation:heroLightning 5.8s infinite}.hero-card.condition-fog .hero-landmark-image{filter:saturate(.58) brightness(.92) contrast(.88)}.hero-card.condition-fog .hero-fog-layer{opacity:.72}.hero-card.condition-snow .hero-landmark-image{filter:saturate(.58) brightness(.9) contrast(.95)}.hero-card.condition-snow .hero-cloud-layer-a{opacity:.72}.hero-card.condition-snow .hero-snow-layer{opacity:.8}.hero-card.condition-clear-night .hero-landmark-image{filter:saturate(.55) brightness(.44) contrast(1.13) hue-rotate(8deg)}.hero-card.condition-clear-night .hero-weather-tint{background:linear-gradient(180deg,rgba(2,10,35,.48),rgba(2,15,35,.38));opacity:1}@keyframes heroRain{to{background-position:-28px 52px}}@keyframes heroSnow{to{background-position:34px 80px,-18px 62px}}@keyframes heroFog{from{transform:translateX(-8%)}to{transform:translateX(8%)}}@keyframes heroLightning{0%,91%,94%,100%{opacity:0}92%{opacity:.96}93%{opacity:.2}}
.quick-cities{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:12px}.quick-city{position:relative;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(16,51,88,.92),rgba(7,26,49,.95));overflow:hidden;min-height:78px}.quick-city::after{content:"";position:absolute;inset:auto -20px -35px auto;width:90px;height:90px;border-radius:50%;background:rgba(51,185,255,.12);filter:blur(15px)}.quick-city .name{font-size:.72rem;font-weight:800;color:#dceaf5}.quick-city .row{display:flex;justify-content:space-between;align-items:flex-end;margin-top:7px}.quick-city strong{font-size:1.7rem;font-weight:500}.quick-city i{font-size:1.7rem;color:#d5e6f3}.quick-city[data-condition="clear"] i{color:#ffd342}.quick-city[data-condition="rain"] i,.quick-city[data-condition="storm"] i{color:#59bfff}
.alert-wrap{margin-top:12px}.weather-alert{display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center;min-height:54px;padding:9px 13px;border-radius:14px;border:1px solid rgba(255,177,0,.26);background:linear-gradient(90deg,rgba(128,79,0,.46),rgba(50,38,17,.68));box-shadow:0 10px 24px rgba(0,0,0,.16)}.alert-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:rgba(255,177,0,.15);color:var(--warn)}.alert-copy{font-size:.77rem;color:#f5d98f}.alert-copy strong{color:#ffc02c}.weather-alert a{font-size:.65rem;font-weight:800;padding:9px 12px;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:#e9f2fa;white-space:nowrap}
.section{padding-top:26px}.section-head,.panel-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:12px}.section-head h2,.panel-head h2{font-size:clamp(1.05rem,1.8vw,1.5rem);margin:4px 0 0;letter-spacing:.2px}.section-note,.source-link{color:#7f9ab2;font-size:.72rem;max-width:620px;text-align:right}.source-link{color:#9fdcff}.ghost-btn{border:1px solid var(--line);background:rgba(8,28,52,.75);color:#dceaf6;border-radius:10px;padding:8px 11px;font-size:.68rem;font-weight:800}.ghost-btn.small{padding:7px 10px;font-size:.62rem}
.forecast-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.forecast-card{position:relative;overflow:hidden;min-height:178px;padding:15px;border-radius:15px;border:1px solid var(--line);background:linear-gradient(180deg,#0a2a50,#061a33);text-align:center}.forecast-card .day{font-size:.68rem;font-weight:900}.forecast-card .date{font-size:.58rem;color:#7894ad;margin-top:3px}.forecast-card .forecast-icon{font-size:2.7rem;margin:20px 0;color:#d8e8f3}.forecast-card[data-condition="clear"] .forecast-icon{color:#ffd33e}.forecast-card[data-condition="rain"] .forecast-icon,.forecast-card[data-condition="storm"] .forecast-icon{color:#4cb8ff}.forecast-temps{display:flex;justify-content:center;gap:22px;align-items:center;margin-top:8px}.forecast-temps strong{font-size:1.6rem;font-weight:500}.forecast-temps span{font-size:1.5rem;color:#4cbfff}
.city-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.city-card{position:relative;isolation:isolate;height:164px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#061a32;box-shadow:0 13px 32px rgba(0,0,0,.18);cursor:pointer}.city-photo{position:absolute;inset:0;background-image:var(--photo);background-size:cover;background-position:center;transform:scale(1.02);transition:transform .45s ease,filter .45s ease}.city-card:hover .city-photo{transform:scale(1.07)}.city-card::before{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(180deg,rgba(2,10,20,.02),rgba(1,7,16,.22) 45%,rgba(2,9,20,.92) 100%)}.city-card::after{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;transition:.35s}.city-card.condition-clear::after{background:linear-gradient(180deg,rgba(39,170,255,.14),rgba(255,189,47,.06))}.city-card.condition-partly-cloudy::after{background:linear-gradient(180deg,rgba(138,170,197,.18),rgba(11,33,56,.12))}.city-card.condition-cloudy::after{background:linear-gradient(180deg,rgba(72,91,113,.46),rgba(16,29,46,.18));backdrop-filter:saturate(.75)}.city-card.condition-rain::after{background:repeating-linear-gradient(105deg,transparent 0 16px,rgba(125,209,255,.13) 17px,transparent 19px),linear-gradient(180deg,rgba(30,54,80,.52),rgba(0,13,29,.22));animation:rainMove .55s linear infinite}.city-card.condition-storm::after{background:repeating-linear-gradient(105deg,transparent 0 18px,rgba(114,205,255,.16) 19px,transparent 22px),linear-gradient(180deg,rgba(9,19,34,.64),rgba(12,28,49,.22));animation:rainMove .45s linear infinite}.city-card.condition-clear-night::after{background:linear-gradient(180deg,rgba(0,11,34,.54),rgba(0,8,20,.25))}.city-card .storm-flash{position:absolute;z-index:3;top:0;right:18%;width:36%;height:72%;opacity:0;clip-path:polygon(43% 0,64% 0,52% 36%,72% 36%,27% 100%,39% 53%,17% 53%);background:linear-gradient(#fff,#aeeaff);filter:drop-shadow(0 0 10px #8ce8ff)}.city-card.condition-storm .storm-flash{animation:flash 4.4s infinite}.city-content{position:absolute;z-index:4;inset:auto 14px 12px 14px}.city-name{font-size:.82rem;font-weight:900;text-shadow:0 2px 10px #000}.city-landmark{font-size:.58rem;color:#b9c9d8;margin-top:2px}.city-weather{display:flex;justify-content:space-between;align-items:end;margin-top:7px}.city-weather strong{font-size:1.8rem;font-weight:500}.city-weather span{display:flex;align-items:center;gap:7px;font-size:.72rem;color:#d5e6f3}.city-weather i{font-size:1.55rem}.condition-clear .city-weather i{color:#ffd33e}.condition-rain .city-weather i,.condition-storm .city-weather i{color:#59c3ff}
.windy-card{height:520px;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:#071a32;box-shadow:var(--shadow)}.windy-card iframe{display:block;width:100%;height:100%;border:0}.split-section{display:grid;grid-template-columns:1fr 1.3fr;gap:14px;align-items:stretch}.panel{border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,rgba(7,28,53,.9),rgba(4,18,36,.96));padding:14px;box-shadow:0 16px 36px rgba(0,0,0,.17)}.tab-pills{display:flex;gap:5px}.tab-pills button{border:1px solid var(--line);color:#8eabc3;background:#071a32;padding:7px 9px;border-radius:8px;font-size:.58rem;font-weight:800}.tab-pills button.active{background:var(--blue);color:white}.radar-placeholder{height:292px;position:relative;overflow:hidden;border-radius:12px;background:radial-gradient(circle at 28% 45%,rgba(26,191,89,.7),transparent 11%),radial-gradient(circle at 60% 30%,rgba(255,205,47,.72),transparent 13%),radial-gradient(circle at 70% 56%,rgba(238,63,59,.78),transparent 9%),linear-gradient(135deg,#052349,#0c4562 45%,#06253f);border:1px solid rgba(69,181,246,.16)}.radar-grid-lines{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:42px 42px}.storm-cell{position:absolute;border-radius:50%;filter:blur(16px);opacity:.5;animation:cellPulse 3s ease-in-out infinite}.storm-cell-a{width:140px;height:100px;background:#ff7a20;right:14%;top:24%}.storm-cell-b{width:130px;height:90px;background:#3af56e;left:14%;bottom:12%;animation-delay:-1.4s}.radar-center{position:absolute;inset:0;display:grid;place-content:center;text-align:center;text-shadow:0 2px 10px #001;pointer-events:none}.radar-center i{font-size:2rem;color:#8ce5ff;margin-bottom:8px}.radar-center strong{font-size:.85rem;letter-spacing:1px}.radar-center span{font-size:.62rem;color:#b8c9d8;margin-top:4px}.timeline{height:40px;display:flex;align-items:center;gap:8px}.timeline button{width:30px;height:30px;border:1px solid var(--line);border-radius:8px;background:#061a31;color:#b9dcf2}.timeline>span{height:4px;background:#10416a;border-radius:999px;flex:1}.timeline>i{width:12px;height:12px;border-radius:50%;background:var(--cyan);margin-left:-45%;box-shadow:0 0 12px rgba(39,184,255,.5)}.timeline strong{font-size:.65rem;color:#aac0d2}.camera-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.camera-card{height:151px;position:relative;border-radius:12px;overflow:hidden;border:1px solid rgba(77,188,255,.18);background-image:var(--photo);background-size:cover;background-position:center}.camera-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(1,9,20,.9))}.camera-live{position:absolute;z-index:2;top:8px;left:8px;background:#36c758;color:#05200b;border-radius:5px;padding:4px 6px;font-size:.52rem;font-weight:900}.camera-copy{position:absolute;z-index:3;left:10px;bottom:9px;display:grid}.camera-copy strong{font-size:.7rem}.camera-copy span{font-size:.56rem;color:#9bb1c4}
.outlook-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.outlook-card{height:145px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,#092442,#061930);padding:15px;display:grid;grid-template-columns:1fr 1.35fr;align-items:center;overflow:hidden}.outlook-card>div:first-child{display:grid;gap:4px}.outlook-card span{font-size:.68rem;font-weight:900}.outlook-card small{color:#7d9ab2;font-size:.58rem}.outlook-card strong{color:#4cc5ff;font-size:1.15rem;margin-top:7px}.outlook-card strong.warm{color:#ff7628}.outlook-card svg{width:100%;height:80px;overflow:visible}.outlook-card polyline{fill:none;stroke:#ff5c28;stroke-width:2.5;filter:drop-shadow(0 0 4px rgba(255,93,40,.3))}.bars{height:80px;display:flex;align-items:flex-end;gap:7px}.bars i{flex:1;background:linear-gradient(#24a9ff,#0b4f83);border-radius:3px 3px 0 0}.wind-lines{position:relative;height:80px}.wind-lines i{position:absolute;left:4%;right:4%;height:25px;border-top:2px solid #2fc7eb;border-radius:50%;opacity:.7}.wind-lines i:nth-child(1){top:18px}.wind-lines i:nth-child(2){top:32px;left:12%;right:10%}.wind-lines i:nth-child(3){top:46px;left:2%;right:17%}
.site-footer{margin-top:32px;border-top:1px solid var(--line);background:rgba(2,11,23,.8)}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:30px;padding:28px 0}.footer-brand{display:flex;align-items:center;gap:11px}.footer-brand img{width:64px;height:64px;border-radius:50%}.footer-brand div{display:grid}.footer-brand strong{font-size:1rem;font-style:italic}.footer-brand span,.footer-grid>div>a,.footer-grid>div>span{color:#7f98ae;font-size:.65rem;margin-top:5px}.footer-grid>div{display:flex;flex-direction:column;align-items:flex-start}.footer-grid>div>strong{font-size:.63rem;letter-spacing:.6px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.05);padding:11px 0 18px;color:#617a91;font-size:.58rem}
@keyframes rainMove{to{background-position:24px 60px,0 0}}@keyframes flash{0%,89%,93%,100%{opacity:0}90%,92%{opacity:.78}}@keyframes cellPulse{50%{transform:scale(1.18);opacity:.72}}
@media(max-width:1100px){.hero-card{grid-template-columns:1fr 1fr}.metrics>div{min-width:100px}.quick-cities{grid-template-columns:repeat(3,1fr)}.forecast-grid{grid-template-columns:repeat(3,1fr)}.city-grid{grid-template-columns:repeat(2,1fr)}.split-section{grid-template-columns:1fr}.outlook-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:2fr 1fr 1fr}.footer-grid>div:last-child{grid-column:1/-1}.windy-card{height:460px}}
@media(max-width:760px){html{scroll-padding-top:90px}.shell{width:min(100% - 20px,var(--shell))}.header-top{height:68px}.brand img{width:49px;height:49px}.brand-copy strong{font-size:1.08rem}.brand-copy small{font-size:.58rem}.header-time{display:none}.menu-toggle{display:block}.main-nav{display:none}.main-nav.open{display:block}.nav-inner{display:grid;grid-template-columns:repeat(4,1fr);padding:8px 10px}.nav-inner a{justify-content:center;height:38px;padding:0 5px;font-size:.62rem;border:1px solid rgba(65,176,245,.08);border-radius:7px}.hero-section{padding-top:12px}.hero-card{grid-template-columns:1fr;min-height:0}.hero-copy{padding:30px 22px 24px}.hero-visual{height:210px;min-height:0;order:-1}.hero-temp{font-size:4.8rem}.hero-icon{font-size:3.2rem}.metrics{display:grid;grid-template-columns:repeat(2,1fr)}.metrics>div{border-right:0;border-bottom:1px solid rgba(113,194,255,.12);padding:8px 0}.quick-cities{grid-template-columns:repeat(2,1fr)}.weather-alert{grid-template-columns:auto 1fr}.weather-alert a{grid-column:1/-1;text-align:center}.forecast-grid{grid-template-columns:repeat(2,1fr)}.city-grid{grid-template-columns:1fr}.city-card{height:185px}.section-head,.panel-head{align-items:flex-start}.section-note{display:none}.windy-card{height:420px}.camera-grid{grid-template-columns:1fr 1fr}.outlook-card{grid-template-columns:1.2fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-grid>div:last-child{grid-column:auto}.footer-bottom{flex-direction:column}.source-link{font-size:.62rem}}

/* V9.1: το κουμπί πλοήγησης δεν εξαρτάται από τρία άδεια spans και παραμένει
   ορατό σε κάθε touch συσκευή, ακόμη και σε landscape/tablet πλάτος. */
.menu-toggle-icon{display:block;width:24px;height:24px;stroke:#e5f9ff;stroke-width:2.4;stroke-linecap:round;fill:none}
.weather-data-unavailable{grid-column:1/-1;min-height:130px;display:grid;place-items:center;gap:8px;text-align:center;color:#a9c8db;background:#071c34;border:1px solid rgba(84,190,255,.2);border-radius:14px;padding:20px}
.attica-region-error{width:100%;min-height:100px;border:0;background:transparent;color:#a9c8db;cursor:pointer;font:inherit}
@media (max-width:860px), (hover:none) and (pointer:coarse){
  .header-top{position:relative;padding-right:56px}
  .menu-toggle{display:flex!important;align-items:center;justify-content:center;position:absolute!important;right:0;top:50%;transform:translateY(-50%);z-index:4;cursor:pointer}
  .menu-toggle span{display:none!important}
}
@media(max-width:430px){.brand-copy small{display:none}.quick-cities{grid-template-columns:1fr 1fr}.forecast-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:5px}.forecast-card{min-width:155px;scroll-snap-align:start}.camera-grid{grid-template-columns:1fr}.windy-card{height:360px}.nav-inner{grid-template-columns:repeat(2,1fr)}.outlook-card{height:135px}.footer-grid{grid-template-columns:1fr}}


/* ============================================================
   WeatherGreece Admin v1 — SVG icons / photographic weather backgrounds
   ============================================================ */
.weather-svg-icon,.quick-weather-icon,.forecast-weather-icon,.city-weather-icon,.hero-weather-icon{display:block;object-fit:contain;background:transparent}.hero-weather-icon{width:112px;height:112px}.quick-weather-icon{width:64px;height:64px}.forecast-weather-icon{width:102px;height:102px}.city-weather-icon{width:52px;height:52px;flex:0 0 52px}.hero-icon{display:flex;align-items:center;justify-content:center}.forecast-icon{display:flex;justify-content:center;align-items:center}.quick-city .row{align-items:center}.city-weather span{align-items:center}
/* Οι κάρτες πόλεων ΔΕΝ έχουν πλέον rain grid / flash / artificial tint. Ο καιρός βρίσκεται μέσα στη φωτογραφία. */
.city-card::after{display:none!important}.city-card .storm-flash{display:none!important}.city-photo{filter:none!important}.city-card[class*="condition-"]::after{display:none!important}.city-card{background:#06172b}.city-card::before{z-index:2;background:linear-gradient(180deg,rgba(2,10,20,.03),rgba(1,7,16,.12) 48%,rgba(2,9,20,.9) 100%)}
.hero-weather-tint,.hero-cloud-layer,.hero-rain-layer,.hero-snow-layer,.hero-fog-layer,.hero-lightning-layer{display:none!important}.hero-landmark-image{filter:none!important}.hero-visual::after{display:none!important}
.notification-optin-wrap{display:flex;align-items:center;gap:10px;margin-top:8px}.notification-optin{border:1px solid rgba(67,190,255,.28);background:rgba(8,33,57,.8);color:#d8efff;border-radius:10px;padding:9px 12px;font:inherit;font-size:.73rem;font-weight:800}.notification-optin:hover{border-color:#36bfff}.notification-status{font-size:.68rem;color:#8faabd}.severity-info{border-color:rgba(65,181,255,.28)!important}.severity-yellow{border-color:#e5bf35!important;background:linear-gradient(90deg,rgba(105,77,8,.72),rgba(32,29,20,.92))!important}.severity-orange{border-color:#ff8b2a!important;background:linear-gradient(90deg,rgba(126,58,5,.75),rgba(39,24,15,.94))!important}.severity-red{border-color:#ff4e61!important;background:linear-gradient(90deg,rgba(124,18,29,.78),rgba(42,13,20,.95))!important}
.live-modal{position:fixed;inset:0;z-index:9000;background:rgba(0,5,12,.84);backdrop-filter:blur(8px);display:grid;place-items:center;padding:22px}.live-modal.hidden{display:none!important}.live-modal-card{position:relative;width:min(1100px,96vw);aspect-ratio:16/9;background:#020b17;border:1px solid rgba(61,184,255,.35);border-radius:18px;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.6)}.live-modal-content,.live-modal-content iframe,.live-modal-content video{width:100%;height:100%;border:0}.live-modal-close{position:absolute;z-index:3;right:12px;top:12px;width:40px;height:40px;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:rgba(0,0,0,.7);color:white}.camera-card{border:1px solid rgba(77,188,255,.18);padding:0;text-align:left;color:inherit;cursor:pointer}
/* Admin */
.admin-root{position:fixed;inset:0;z-index:10000;background:#020b16;color:#eaf7ff;overflow:auto;font-family:Inter,system-ui,sans-serif}.admin-root.hidden{display:none!important}.admin-backdrop{min-height:100%;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 25% 20%,rgba(40,170,230,.15),transparent 35%),#020b16}.admin-login-card{width:min(420px,100%);background:#07192b;border:1px solid rgba(75,187,245,.25);border-radius:20px;padding:26px;box-shadow:0 25px 80px rgba(0,0,0,.45)}.admin-login-card>img{width:74px;height:74px;object-fit:contain;display:block;margin:auto}.admin-login-card h2{text-align:center;margin:8px 0 0}.admin-login-card p{text-align:center;color:#88a6bc;margin:5px 0 22px}.admin-login-card form,.admin-form{display:grid;gap:13px}.admin-login-card label,.admin-form label{display:grid;gap:6px;color:#a9c2d4;font-size:.74rem;font-weight:700}.admin-login-card input,.admin-form input,.admin-form select,.admin-form textarea{width:100%;border:1px solid rgba(82,184,235,.2);border-radius:10px;background:#041322;color:#f1f9ff;padding:10px 11px;outline:none}.admin-login-card input:focus,.admin-form input:focus,.admin-form select:focus,.admin-form textarea:focus{border-color:#35baf0;box-shadow:0 0 0 3px rgba(53,186,240,.1)}.admin-primary,.admin-secondary,.admin-top button,.admin-top a{border:1px solid rgba(68,190,245,.25);border-radius:10px;padding:10px 13px;font:inherit;font-size:.74rem;font-weight:800}.admin-primary{background:#22a7df;color:#00131d;border-color:#38c7ff}.admin-secondary,.admin-top button,.admin-top a{background:#071b2e;color:#d8efff}.admin-msg{min-height:18px;color:#7fcff2;font-size:.7rem}.admin-close-link{display:block;text-align:center;margin-top:17px;color:#7fa1b7;font-size:.72rem}.admin-screen{min-height:100vh}.admin-top{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:12px 22px;background:rgba(2,11,22,.96);border-bottom:1px solid rgba(71,180,235,.18);backdrop-filter:blur(12px)}.admin-brand{display:flex;align-items:center;gap:10px}.admin-brand img{width:48px;height:48px;object-fit:contain}.admin-brand div{display:grid}.admin-brand strong{font-size:.9rem}.admin-brand span{font-size:.65rem;color:#7797ad}.admin-top-actions{display:flex;gap:8px}.admin-top a{text-decoration:none}.admin-tabs{position:sticky;top:73px;z-index:9;display:flex;gap:5px;padding:10px 22px;background:#041321;border-bottom:1px solid rgba(71,180,235,.12);overflow:auto}.admin-tabs button{white-space:nowrap;border:1px solid transparent;border-radius:9px;background:transparent;color:#93adbf;padding:9px 12px;font:inherit;font-size:.72rem;font-weight:800}.admin-tabs button.active{background:rgba(39,183,242,.12);border-color:rgba(39,183,242,.3);color:#6fd6ff}.admin-main{width:min(1450px,calc(100% - 34px));margin:22px auto 70px}.admin-tab{display:none}.admin-tab.active{display:block}.admin-section-head{display:flex;justify-content:space-between;margin-bottom:16px}.admin-section-head span{color:#42c8ff;font-size:.65rem;font-weight:900;letter-spacing:1.5px}.admin-section-head h2{margin:4px 0;font-size:1.55rem}.admin-section-head p{margin:0;color:#86a2b6;font-size:.75rem;max-width:780px}.admin-two-col{display:grid;grid-template-columns:minmax(360px,.8fr) minmax(500px,1.2fr);gap:16px;align-items:start}.admin-card{background:#07192a;border:1px solid rgba(70,181,235,.18);border-radius:17px;padding:18px;box-shadow:0 18px 50px rgba(0,0,0,.2)}.admin-card h3{margin:0 0 14px;font-size:.95rem}.admin-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.admin-span-2{grid-column:1/-1}.admin-check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center!important;gap:8px!important;padding-top:18px}.admin-check input{width:18px!important;height:18px}.admin-actions-row{display:flex;gap:8px;flex-wrap:wrap}.admin-weather-preview{display:flex;align-items:center;gap:15px;padding:12px;border:1px solid rgba(67,184,236,.16);border-radius:13px;background:#041322}.admin-preview-icon{width:86px;height:86px;object-fit:contain}.admin-weather-preview>div{display:grid;gap:4px}.admin-weather-preview strong{font-size:.9rem}.admin-weather-preview span{font-size:.75rem;color:#b6ccdb}.admin-weather-preview small{font-size:.62rem;color:#6f8ba0;word-break:break-all}.admin-list{display:grid;gap:8px;max-height:650px;overflow:auto}.admin-list-row{display:grid;grid-template-columns:48px minmax(0,1fr) 38px;gap:10px;align-items:center;border:1px solid rgba(73,181,233,.11);background:#041322;border-radius:12px;padding:9px}.admin-list-row>div:nth-child(2){display:grid;min-width:0}.admin-list-row strong{font-size:.75rem}.admin-list-row span{font-size:.68rem;color:#a4bdcd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-list-row small{font-size:.6rem;color:#6f8ca1}.admin-list-icon{height:42px;display:grid;place-items:center}.admin-mini-icon{width:42px;height:42px;object-fit:contain}.admin-icon-danger{width:34px;height:34px;border:1px solid rgba(255,93,112,.2);border-radius:9px;background:rgba(255,93,112,.06);color:#ff7c8c}.severity-dot{width:13px;height:13px;border-radius:50%;margin:auto}.severity-dot.severity-info{background:#39bffa}.severity-dot.severity-yellow{background:#f3c82f}.severity-dot.severity-orange{background:#ff8b2a}.severity-dot.severity-red{background:#ff4e61}.admin-empty{color:#7894a8;font-size:.72rem}.admin-help{max-width:950px}.admin-help h3{margin-top:18px}.admin-help p{color:#a2b9c9;font-size:.78rem}.admin-help code{background:#03101c;border:1px solid rgba(79,184,235,.15);border-radius:6px;padding:2px 5px;color:#71d6ff}
@media(max-width:900px){.admin-two-col{grid-template-columns:1fr}.admin-form-grid{grid-template-columns:1fr}.admin-span-2{grid-column:auto}.admin-top{padding:10px 12px}.admin-tabs{top:69px;padding:8px 12px}.admin-main{width:min(100% - 18px,1450px)}.admin-brand span{display:none}}


/* ================================================================
   Admin shortcut / public alert position / notification opt-in v11
   ================================================================ */
.header-side{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-width:0}
.site-admin-actions{display:flex;align-items:center;gap:7px}
.site-admin-btn,.site-admin-logout{height:38px;border:1px solid rgba(43,205,218,.34);background:rgba(5,31,48,.82);color:#62e2e7;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:.72rem;font-weight:900;box-shadow:0 8px 22px rgba(0,0,0,.16);transition:.18s}
.site-admin-btn{padding:0 11px}.site-admin-logout{width:38px;padding:0}
.site-admin-btn:hover,.site-admin-logout:hover{border-color:#62e2e7;background:rgba(16,67,83,.92);color:#dffcff;transform:translateY(-1px)}
.nav-messages-area{position:relative;z-index:20;padding:0 0 2px}
.nav-messages-area .alert-wrap{margin-top:10px}
.notification-optin-wrap{margin-top:8px}
.notification-prompt{min-height:58px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:9px 11px;border:1px solid rgba(48,189,235,.28);border-radius:14px;background:linear-gradient(90deg,rgba(5,35,58,.96),rgba(6,24,43,.96));box-shadow:0 10px 28px rgba(0,0,0,.18)}
.notification-prompt-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:rgba(44,196,235,.12);color:#55d9ff;font-size:1rem}
.notification-prompt-copy{display:grid;gap:2px;min-width:0}.notification-prompt-copy strong{font-size:.78rem;letter-spacing:.3px;color:#e8faff}.notification-prompt-copy span{font-size:.68rem;color:#9fb9ce;line-height:1.4}
.notification-optin{min-height:36px;border:1px solid rgba(68,204,239,.35);border-radius:10px;padding:0 13px;background:#0a3553;color:#dff8ff;font-size:.68rem;font-weight:900;white-space:nowrap}.notification-optin:hover{background:#0f486c;border-color:#62dfff}
.notification-status{display:block;margin:5px 4px 0;color:#9fb7c9;font-size:.62rem}
.weather-alert.severity-info{border-color:rgba(60,180,255,.25);background:linear-gradient(90deg,rgba(8,68,104,.58),rgba(10,35,57,.72))}.weather-alert.severity-info .alert-icon,.weather-alert.severity-info .alert-copy strong{color:#5fd9ff}
.weather-alert.severity-orange{border-color:rgba(255,132,33,.35);background:linear-gradient(90deg,rgba(127,55,5,.55),rgba(58,31,13,.72))}.weather-alert.severity-orange .alert-icon,.weather-alert.severity-orange .alert-copy strong{color:#ff9b3d}
.weather-alert.severity-red{border-color:rgba(255,70,85,.42);background:linear-gradient(90deg,rgba(125,12,31,.58),rgba(55,13,25,.76))}.weather-alert.severity-red .alert-icon,.weather-alert.severity-red .alert-copy strong{color:#ff6574}
@media(max-width:760px){.header-side{gap:7px}.site-admin-btn span{display:none}.site-admin-btn{width:38px;padding:0}.site-admin-actions{gap:5px}.notification-prompt{grid-template-columns:auto 1fr}.notification-optin{grid-column:1/-1;width:100%}.notification-prompt-copy strong{font-size:.72rem}.notification-prompt-copy span{font-size:.63rem}}


/* WeatherGreece v4 visibility fix */
.hidden{display:none!important}
.site-admin-actions.hidden{display:none!important}
.notification-optin-wrap.hidden{display:none!important}


/* ================================================================
   WEATHERGREECE v5.3 — HOME FORECAST DIRECTLY UNDER ATHENS NOW
   ================================================================ */
.home-forecast-strip {
  margin-top: 12px;
}
.home-forecast-strip .forecast-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
}
.home-forecast-strip .forecast-card {
  min-height: 224px;
  padding: 14px 13px 12px;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: linear-gradient(180deg, rgba(10,42,80,.98), rgba(6,26,51,.98));
}
.forecast-card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}
.home-forecast-strip .forecast-card .day {
  font-size: .7rem;
  letter-spacing: .35px;
}
.home-forecast-strip .forecast-card .date {
  margin-top: 4px;
}
.home-forecast-strip .forecast-card .forecast-icon {
  margin: -3px 0 0;
  width: 54px;
  min-width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
}
.home-forecast-strip .forecast-weather-icon {
  width: 52px;
  height: 52px;
  object-fit: contain;
}
.home-forecast-strip .forecast-temps {
  justify-content: flex-start;
  gap: 16px;
  margin: 8px 0 10px;
}
.home-forecast-strip .forecast-temps strong,
.home-forecast-strip .forecast-temps span {
  font-size: 1.55rem;
  line-height: 1;
}
.forecast-details {
  display: grid;
  gap: 5px;
  padding-top: 9px;
  border-top: 1px solid rgba(113,194,255,.14);
}
.forecast-details > div {
  display: grid;
  grid-template-columns: 17px minmax(0,1fr) auto;
  align-items: center;
  gap: 6px;
  min-width: 0;
}
.forecast-details i {
  color: var(--cyan);
  font-size: .68rem;
  text-align: center;
}
.forecast-details span {
  color: #7894ad;
  font-size: .59rem;
}
.forecast-details strong {
  color: #e8f5ff;
  font-size: .63rem;
  font-weight: 800;
  text-align: right;
  white-space: nowrap;
}
@media (max-width: 1100px) {
  .home-forecast-strip .forecast-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
}
@media (max-width: 760px) {
  .home-forecast-strip .forecast-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .home-forecast-strip .forecast-card { min-height: 218px; }
}
@media (max-width: 430px) {
  .home-forecast-strip .forecast-grid {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding-bottom: 6px;
  }
  .home-forecast-strip .forecast-card {
    min-width: 184px;
    scroll-snap-align: start;
  }
}


/* ================================================================
   WEATHERGREECE v5.5 — TODAY MAX / 3 CORE METRICS
   ================================================================ */
.metrics{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  width:100%;
  gap:0;
}
.metrics>div{
  min-width:0;
  padding:0 14px;
}
.metrics>div:last-child{border-right:0}
@media(max-width:760px){
  .metrics{grid-template-columns:repeat(3,minmax(0,1fr));}
  .metrics>div{padding:8px 7px;border-bottom:0;border-right:1px solid rgba(113,194,255,.12);}
  .metrics>div:last-child{border-right:0}
}

/* WEATHERGREECE v10.4 — fixed, complete hazard-map viewport */
body.wg-hazard-view,
body:has(#page-hazard-map.active-page){
  overflow:hidden!important;
  overscroll-behavior:none!important;
}
body.wg-hazard-view #site-pages,
body:has(#page-hazard-map.active-page) #site-pages{min-height:0!important;overflow:hidden!important}
body.wg-hazard-view .hazard-page,
body:has(#page-hazard-map.active-page) .hazard-page{
  box-sizing:border-box!important;
  height:var(--wg-hazard-page-h,calc(100dvh - 180px))!important;
  max-height:var(--wg-hazard-page-h,calc(100dvh - 180px))!important;
  min-height:0!important;
  padding:3px 0 4px!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
}
body.wg-hazard-view .hazard-page .page-title-block,
body:has(#page-hazard-map.active-page) .hazard-page .page-title-block{
  flex:0 0 auto!important;
  min-height:21px!important;
  margin:0 0 4px!important;
  padding:2px 3px!important;
  text-align:right!important;
  overflow:hidden!important;
}
body.wg-hazard-view .hazard-page .page-title-block .section-kicker,
body:has(#page-hazard-map.active-page) .hazard-page .page-title-block .section-kicker{
  display:block!important;
  color:#61d9f3!important;
  font-size:clamp(.58rem,1vw,.76rem)!important;
  line-height:1.15!important;
  letter-spacing:1px!important;
}
body.wg-hazard-view .hazard-page .page-title-block h1,
body.wg-hazard-view .hazard-page .page-title-block p,
body:has(#page-hazard-map.active-page) .hazard-page .page-title-block h1,
body:has(#page-hazard-map.active-page) .hazard-page .page-title-block p{display:none!important}
body.wg-hazard-view .hazard-public-card,
body:has(#page-hazard-map.active-page) .hazard-public-card{
  box-sizing:border-box!important;
  position:relative!important;
  flex:1 1 0!important;
  width:min(100%,1180px)!important;
  height:0!important;
  max-height:none!important;
  min-height:0!important;
  margin:0 auto!important;
  padding:6px!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
}
body.wg-hazard-view .hazard-map-stage,
body:has(#page-hazard-map.active-page) .hazard-map-stage{
  box-sizing:border-box!important;
  position:relative!important;
  flex:1 1 0!important;
  width:100%!important;
  height:0!important;
  min-height:0!important;
  max-height:none!important;
  padding:5px!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-columns:minmax(118px,148px) minmax(0,1fr) minmax(158px,184px)!important;
  grid-template-rows:27px minmax(0,1fr)!important;
  align-items:center!important;
  gap:6px!important;
}
body.wg-hazard-view .hazard-validity-overlay,
body:has(#page-hazard-map.active-page) .hazard-validity-overlay{
  position:static!important;
  grid-column:1/3!important;
  grid-row:1!important;
  align-self:center!important;
  justify-self:start!important;
  width:auto!important;
  max-width:48%!important;
  min-height:0!important;
  margin:0!important;
  padding:4px 7px!important;
  overflow:hidden!important;
  color:#d9edf8!important;
  font-size:.51rem!important;
  line-height:1!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  pointer-events:none!important;
}
body.wg-hazard-view .hazard-updated,
body:has(#page-hazard-map.active-page) .hazard-updated{
  position:absolute!important;
  z-index:9!important;
  top:11px!important;
  right:13px!important;
  width:auto!important;
  max-width:48%!important;
  min-height:0!important;
  margin:0!important;
  padding:4px 7px!important;
  overflow:hidden!important;
  border:1px solid rgba(87,205,255,.24)!important;
  border-radius:8px!important;
  background:rgba(3,25,46,.90)!important;
  color:#c7e4f2!important;
  font-size:.51rem!important;
  font-weight:800!important;
  line-height:1!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  text-align:right!important;
  pointer-events:none!important;
}
body.wg-hazard-view .hazard-active-panel,
body:has(#page-hazard-map.active-page) .hazard-active-panel{
  position:static!important;
  grid-column:1!important;
  grid-row:2!important;
  align-self:center!important;
  transform:none!important;
  width:100%!important;
  max-width:none!important;
  max-height:100%!important;
  padding:6px!important;
  overflow:hidden!important;
}
body.wg-hazard-view .hazard-map-stage canvas,
body:has(#page-hazard-map.active-page) .hazard-map-stage canvas{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  grid-column:2!important;
  grid-row:2!important;
  align-self:center!important;
  justify-self:center!important;
  width:auto!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:100%!important;
  max-height:100%!important;
  margin:0!important;
  object-fit:contain!important;
}
body.wg-hazard-view .hazard-legend-rail,
body:has(#page-hazard-map.active-page) .hazard-legend-rail{
  position:static!important;
  grid-column:3!important;
  grid-row:2!important;
  align-self:center!important;
  transform:none!important;
  width:100%!important;
  max-width:none!important;
  max-height:100%!important;
  padding:0!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  align-content:center!important;
  gap:5px!important;
}
body.wg-hazard-view .hazard-legend-box,
body:has(#page-hazard-map.active-page) .hazard-legend-box{min-height:0!important;padding:5px!important;overflow:hidden!important}
body.wg-hazard-view .hazard-public-actions,
body:has(#page-hazard-map.active-page) .hazard-public-actions{flex:0 0 27px!important;min-height:0!important;margin:3px 0 0!important}
body.wg-hazard-view .hazard-public-download,
body:has(#page-hazard-map.active-page) .hazard-public-download{min-height:27px!important;height:27px!important;padding:0 9px!important;font-size:.52rem!important}
body.wg-hazard-view .hazard-selection-detail,
body:has(#page-hazard-map.active-page) .hazard-selection-detail{left:50%!important;bottom:7px!important;max-width:min(430px,calc(100% - 18px))!important}

@media(max-width:900px){
  body.wg-hazard-view .hazard-map-stage,
  body:has(#page-hazard-map.active-page) .hazard-map-stage{grid-template-columns:minmax(96px,120px) minmax(0,1fr) minmax(126px,150px)!important}
}

@media(max-width:760px){
  body.wg-hazard-view .hazard-page,
  body:has(#page-hazard-map.active-page) .hazard-page{height:var(--wg-hazard-page-h,calc(100dvh - 132px))!important;max-height:var(--wg-hazard-page-h,calc(100dvh - 132px))!important;padding:2px 0 3px!important}
  body.wg-hazard-view .hazard-page .page-title-block,
  body:has(#page-hazard-map.active-page) .hazard-page .page-title-block{min-height:18px!important;margin-bottom:2px!important;padding:1px 2px!important}
  body.wg-hazard-view .hazard-page .page-title-block .section-kicker,
  body:has(#page-hazard-map.active-page) .hazard-page .page-title-block .section-kicker{font-size:.52rem!important;letter-spacing:.55px!important}
  body.wg-hazard-view .hazard-public-card,
  body:has(#page-hazard-map.active-page) .hazard-public-card{height:0!important;padding:4px!important}
  body.wg-hazard-view .hazard-map-stage,
  body:has(#page-hazard-map.active-page) .hazard-map-stage{
    height:0!important;
    padding:4px!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-template-rows:22px minmax(0,1fr) minmax(72px,102px)!important;
    gap:3px!important;
  }
  body.wg-hazard-view .hazard-validity-overlay,
  body:has(#page-hazard-map.active-page) .hazard-validity-overlay{grid-column:1/3!important;grid-row:1!important;max-width:100%!important;padding:3px 5px!important;font-size:.4rem!important}
  body.wg-hazard-view .hazard-updated,
  body:has(#page-hazard-map.active-page) .hazard-updated{top:8px!important;right:8px!important;max-width:48%!important;padding:3px 5px!important;font-size:.4rem!important}
  body.wg-hazard-view .hazard-map-stage canvas,
  body:has(#page-hazard-map.active-page) .hazard-map-stage canvas{grid-column:1/-1!important;grid-row:2!important;width:auto!important;height:100%!important;min-height:0!important;max-width:100%!important;max-height:100%!important}
  body.wg-hazard-view .hazard-active-panel,
  body:has(#page-hazard-map.active-page) .hazard-active-panel{grid-column:1!important;grid-row:3!important;align-self:stretch!important;width:100%!important;height:100%!important;max-height:102px!important;padding:4px!important}
  body.wg-hazard-view .hazard-legend-rail,
  body:has(#page-hazard-map.active-page) .hazard-legend-rail{grid-column:2/4!important;grid-row:3!important;align-self:stretch!important;width:100%!important;height:100%!important;max-height:102px!important;grid-template-columns:1fr 1fr!important;gap:3px!important}
  body.wg-hazard-view .hazard-legend-box,
  body:has(#page-hazard-map.active-page) .hazard-legend-box{height:100%!important;padding:3px!important}
  body.wg-hazard-view .hazard-side-title,
  body:has(#page-hazard-map.active-page) .hazard-side-title{margin-bottom:2px!important;font-size:.36rem!important;gap:3px!important;letter-spacing:.1px!important}
  body.wg-hazard-view .hazard-risk-list,
  body.wg-hazard-view .hazard-phenomena-list,
  body.wg-hazard-view .hazard-active-symbols,
  body:has(#page-hazard-map.active-page) .hazard-risk-list,
  body:has(#page-hazard-map.active-page) .hazard-phenomena-list,
  body:has(#page-hazard-map.active-page) .hazard-active-symbols{gap:1px!important}
  body.wg-hazard-view .hazard-risk-list>div,
  body:has(#page-hazard-map.active-page) .hazard-risk-list>div{min-height:15px!important;padding:1px 2px!important;gap:3px!important}
  body.wg-hazard-view .hazard-risk-list strong,
  body:has(#page-hazard-map.active-page) .hazard-risk-list strong{font-size:.34rem!important}
  body.wg-hazard-view .hazard-risk-list small,
  body:has(#page-hazard-map.active-page) .hazard-risk-list small{font-size:.27rem!important}
  body.wg-hazard-view .hazard-phenomena-list>div,
  body:has(#page-hazard-map.active-page) .hazard-phenomena-list>div{min-height:13px!important;padding:0 2px!important;grid-template-columns:14px minmax(0,1fr)!important;gap:2px!important}
  body.wg-hazard-view .hazard-phenomena-list b,
  body:has(#page-hazard-map.active-page) .hazard-phenomena-list b{width:13px!important;height:13px!important}
  body.wg-hazard-view .hazard-phenomena-list span,
  body:has(#page-hazard-map.active-page) .hazard-phenomena-list span{font-size:.31rem!important}
  body.wg-hazard-view .hazard-active-empty,
  body:has(#page-hazard-map.active-page) .hazard-active-empty{padding:3px 1px!important;font-size:.3rem!important}
  body.wg-hazard-view .hazard-active-item,
  body:has(#page-hazard-map.active-page) .hazard-active-item{grid-template-columns:17px minmax(0,1fr)!important;padding:1px 2px!important;gap:2px!important}
  body.wg-hazard-view .hazard-active-icon,
  body:has(#page-hazard-map.active-page) .hazard-active-icon{width:16px!important;height:16px!important}
  body.wg-hazard-view .hazard-active-item strong,
  body:has(#page-hazard-map.active-page) .hazard-active-item strong{font-size:.32rem!important}
  body.wg-hazard-view .hazard-active-item small,
  body:has(#page-hazard-map.active-page) .hazard-active-item small{display:none!important}
  body.wg-hazard-view .hazard-public-actions,
  body:has(#page-hazard-map.active-page) .hazard-public-actions{flex-basis:24px!important;margin-top:2px!important}
  body.wg-hazard-view .hazard-public-download,
  body:has(#page-hazard-map.active-page) .hazard-public-download{height:24px!important;min-height:24px!important;font-size:.45rem!important}
  body.wg-hazard-view .hazard-selection-detail,
  body:has(#page-hazard-map.active-page) .hazard-selection-detail{bottom:106px!important;padding:5px 7px!important;font-size:.52rem!important}
}
@media(max-width:430px){
  .metrics{grid-template-columns:1fr 1fr 1fr;}
  .metrics>div{grid-template-columns:18px minmax(0,1fr);column-gap:5px;padding:7px 4px;}
  .metrics span{font-size:.55rem}
  .metrics strong{font-size:.66rem}
}


/* ================================================================
   WEATHERGREECE v5.6 — CENTURY GOTHIC / TEMP ORDER / EXTREMES / WINDY
   ================================================================ */
body,button,input,select,textarea{font-family:"Century Gothic",CenturyGothic,AppleGothic,sans-serif}
.admin-root{font-family:"Century Gothic",CenturyGothic,AppleGothic,sans-serif!important}

/* Hero: today's minimum left, maximum prominent right. */
.hero-temp-row{gap:18px;align-items:flex-end;flex-wrap:nowrap}
.hero-min-temp-block,.hero-max-temp-block{display:grid;align-content:end}
.hero-min-temp-block{min-width:86px;padding-bottom:10px}
.hero-min-temp-block span,.hero-max-temp-block>span{font-size:.56rem;font-weight:900;letter-spacing:.75px}
.hero-min-temp-block span{color:#61d6ff}
.hero-min-temp-block strong{font-size:1.55rem;line-height:1;color:#61d6ff;font-weight:700;margin-top:5px}
.hero-max-temp-block>span{color:#c4d7e8;margin:0 0 2px 7px}
.hero-max-temp-block .hero-temp{margin:0}
.hero-icon{align-self:center;margin-left:4px}

/* Six-day: minimum first (cyan), maximum second (white). */
.home-forecast-strip .forecast-temps{display:flex;align-items:flex-end;gap:22px;margin:8px 0 10px}
.home-forecast-strip .forecast-temps>div{display:grid;gap:3px}
.home-forecast-strip .forecast-temps small{font-size:.5rem;font-weight:900;letter-spacing:.65px;color:#7894ad}
.home-forecast-strip .forecast-temp-min strong{color:#61d6ff;font-size:1.35rem;line-height:1}
.home-forecast-strip .forecast-temp-max strong{color:#fff;font-size:1.55rem;line-height:1}

/* Nationwide minimum / maximum temperature panels. */
.temperature-extremes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.extreme-day-card{overflow:hidden;border:1px solid var(--line);border-radius:17px;background:linear-gradient(180deg,rgba(6,35,58,.98),rgba(4,25,45,.98));box-shadow:0 16px 42px rgba(0,0,0,.18)}
.extreme-day-card>header{min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 15px;border-bottom:1px solid rgba(91,190,245,.17)}
.extreme-day-card>header strong{font-size:.75rem;color:#eef8ff}
.extreme-day-card>header span{font-size:.66rem;color:#8eabc0;font-weight:700}
.extreme-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:12px 14px 14px}
.extreme-column{min-width:0}
.extreme-column:first-child{padding-right:12px;border-right:3px solid rgba(19,142,193,.44)}
.extreme-column:last-child{padding-left:12px}
.extreme-column h3{display:flex;align-items:center;gap:6px;margin:0 0 9px;font-size:.72rem;color:#91a9bb}
.extreme-min h3 i,.extreme-min .extreme-row b{color:#62d8ff}
.extreme-max h3 i,.extreme-max .extreme-row b{color:#ff7743}
.extreme-row{min-height:43px;display:grid;grid-template-columns:minmax(0,1fr) 42px 46px;align-items:center;gap:7px;border-bottom:1px dashed rgba(99,174,216,.12)}
.extreme-row:last-child{border-bottom:0}
.extreme-row>strong{font-size:.68rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.extreme-icon{display:grid;place-items:center}
.extreme-weather-icon{width:34px;height:34px;object-fit:contain}
.extreme-row b{text-align:right;font-size:.8rem}
.temperature-extremes-loading,.temperature-extremes-error{grid-column:1/-1;min-height:190px;display:grid;place-items:center;border:1px solid var(--line);border-radius:17px;background:#061b31;color:#8fa9c2;font-size:.74rem}

/* Windy observation map: normal wheel scrolls the page; Ctrl enables map interaction. */
.radar-windy-card{position:relative;height:445px;border-radius:14px;overflow:hidden;background:#031425}
.radar-windy-card iframe{width:100%;height:100%;display:block;border:0;pointer-events:none}
.ctrl-map.ctrl-active iframe{pointer-events:auto}
.map-scroll-guard{position:absolute;left:50%;bottom:13px;z-index:5;transform:translateX(-50%);display:flex;align-items:center;gap:8px;max-width:calc(100% - 24px);padding:8px 12px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(1,12,24,.76);backdrop-filter:blur(8px);color:#e6f5ff;font-size:.64rem;font-weight:700;white-space:nowrap;pointer-events:none;transition:.18s}
.ctrl-map.ctrl-active .map-scroll-guard{opacity:0;transform:translate(-50%,7px)}
.ctrl-map.map-hint-visible:not(.ctrl-active) .map-scroll-guard{box-shadow:0 0 0 4px rgba(60,198,255,.13);border-color:#5bd7ff}
.windy-source-note{margin-top:8px;color:#7895ab;font-size:.61rem;text-align:right}
.radar-tabs button{min-width:92px}

@media(max-width:980px){
  .temperature-extremes-grid{grid-template-columns:1fr}
  .radar-windy-card{height:400px}
}
@media(max-width:760px){
  .hero-temp-row{gap:12px}
  .hero-min-temp-block{min-width:64px;padding-bottom:8px}
  .hero-min-temp-block strong{font-size:1.25rem}
  .hero-max-temp-block>span{margin-left:3px}
  .extreme-columns{padding:10px}
  .extreme-column:first-child{padding-right:8px}
  .extreme-column:last-child{padding-left:8px}
  .extreme-row{grid-template-columns:minmax(0,1fr) 35px 39px;gap:4px}
  .extreme-weather-icon{width:30px;height:30px}
  .map-scroll-guard{white-space:normal;text-align:center}
}
@media(max-width:430px){
  .hero-temp-row{align-items:flex-end}
  .hero-min-temp-block{min-width:54px}
  .hero-min-temp-block span,.hero-max-temp-block>span{font-size:.48rem}
  .hero-min-temp-block strong{font-size:1.05rem}
  .extreme-day-card>header{align-items:flex-start;flex-direction:column;gap:3px}
  .extreme-row>strong{font-size:.62rem}
  .radar-windy-card{height:350px}
}


/* ================================================================
   WEATHERGREECE v5.7 — CLEAN TEMPS / BIGGER ICONS / MAP CONTROL
   ================================================================ */

/* Οι θερμοκρασίες στις κάρτες εμφανίζονται χωρίς λεκτικές ετικέτες Min/Max. */
.hero-min-temp-block > span,
.hero-max-temp-block > span,
.home-forecast-strip .forecast-temps small { display:none !important; }

/* Μεγαλύτερα εικονίδια στην 6ήμερη. */
.home-forecast-strip .forecast-card .forecast-icon{
  width:76px;
  min-width:76px;
  height:76px;
  margin:-8px -3px 0 0;
}
.home-forecast-strip .forecast-weather-icon{
  width:72px;
  height:72px;
}
.home-forecast-strip .forecast-temps{
  gap:24px;
  margin:5px 0 10px;
}

/* Πανελλαδικές θερμοκρασίες: μεγαλύτερο icon ακριβώς στο κέντρο. */
.extreme-columns{padding-top:9px}
.extreme-row{
  grid-template-columns:minmax(0,1fr) 64px 52px;
  gap:8px;
}
.extreme-icon{
  width:64px;
  display:grid;
  place-items:center;
  justify-self:center;
}
.extreme-weather-icon{
  width:50px;
  height:50px;
}
.extreme-row b{font-size:.86rem}

/* Ο iframe δεν λαμβάνει απευθείας wheel, άρα Ctrl+wheel δεν κάνει browser zoom.
   Η διάφανη επιφάνεια ελέγχου καλύπτει ΟΛΟ το πλαίσιο. */
.radar-windy-card iframe{
  pointer-events:none !important;
  transform-origin:center center;
  transition:transform .08s linear;
}
.map-interaction-layer{
  position:absolute;
  inset:0;
  z-index:4;
  cursor:grab;
  background:transparent;
  touch-action:pan-y;
}
.ctrl-map.map-dragging .map-interaction-layer{cursor:grabbing}
.ctrl-map.map-dragging iframe{transition:none}
.map-scroll-guard{z-index:6}

@media(max-width:760px){
  .home-forecast-strip .forecast-card .forecast-icon{
    width:68px;
    min-width:68px;
    height:68px;
  }
  .home-forecast-strip .forecast-weather-icon{width:64px;height:64px}
  .extreme-row{grid-template-columns:minmax(0,1fr) 52px 44px;gap:5px}
  .extreme-icon{width:52px}
  .extreme-weather-icon{width:44px;height:44px}
}

/* ================================================================
   WEATHERGREECE v5.8 — HERO TEMP SPACING / ICON SIZE TUNING
   ================================================================ */

/* Σήμερα: η ελάχιστη και η μέγιστη θερμοκρασία πιο κοντά μεταξύ τους. */
.hero-temp-row{
  gap:8px;
}
.hero-min-temp-block{
  min-width:50px;
  padding-bottom:9px;
  margin-right:0;
}
.hero-max-temp-block{
  margin-left:0;
}

/* Λίγο μεγαλύτερο κεντρικό εικονίδιο στην πρόγνωση της Αθήνας/εκάστοτε περιοχής. */
.hero-weather-icon{
  width:108px;
  height:108px;
}
.hero-icon{
  margin-left:5px;
}

/* Ελάχιστες/Μέγιστες Ελλάδας: μεγαλύτερα icons και ελαφρώς αριστερότερα. */
.extreme-weather-icon{
  width:58px;
  height:58px;
}
.extreme-icon{
  transform:translateX(-8px);
}

@media(max-width:760px){
  .hero-temp-row{gap:6px}
  .hero-min-temp-block{min-width:44px;padding-bottom:7px}
  .hero-weather-icon{width:96px;height:96px}
  .extreme-weather-icon{width:50px;height:50px}
  .extreme-icon{transform:translateX(-4px)}
}

@media(max-width:430px){
  .hero-temp-row{gap:5px}
  .hero-min-temp-block{min-width:40px}
  .hero-weather-icon{width:88px;height:88px}
}

/* ================================================================
   WEATHERGREECE v5.9 — FOUR-PAGE STRUCTURE / GREECE WEATHER / HAZARD MAP
   ================================================================ */
.site-page{display:none}
.site-page.active-page{display:block}
.nav-inner-four{display:grid;grid-template-columns:.72fr 1.35fr 1.8fr .72fr;width:100%;overflow:visible}
.nav-inner-four a{justify-content:center;text-align:center;padding-inline:10px}
.page-title-block{padding:10px 0 18px}
.page-title-block h1{margin:5px 0 7px;font-size:clamp(1.65rem,3vw,2.6rem);letter-spacing:-1px}
.page-title-block p{margin:0;max-width:900px;color:#9db3c7;font-size:.82rem;line-height:1.55}
.page-context-heading{padding:10px 4px 6px}
.page-context-heading h1{margin:0;color:#dff7ff;font-size:clamp(1rem,1.8vw,1.35rem);line-height:1.2;letter-spacing:.15px}

/* Home: city-grid section is removed entirely in v5.9. */

/* Greece weather directory */
.greece-weather-page{padding-top:24px;padding-bottom:30px}
.greece-region-selector{border:1px solid rgba(67,187,255,.28);border-radius:18px;background:linear-gradient(180deg,rgba(9,38,72,.98),rgba(6,28,54,.98));padding:14px 16px 15px;margin-bottom:20px;box-shadow:0 16px 38px rgba(0,0,0,.18)}
.region-selector-title{display:flex;align-items:center;gap:7px;font-size:.77rem;font-weight:900;margin-bottom:12px;color:#eef9ff}.region-selector-title i{color:#25d0ca}
.greece-area-buttons,.greece-city-buttons{display:flex;flex-wrap:wrap;gap:8px}
.greece-area-btn,.greece-city-btn{min-height:36px;border-radius:999px;padding:7px 14px;border:1px solid rgba(180,220,255,.34);background:linear-gradient(180deg,#24558f,#1a467a);color:#f5fbff;font-size:.69rem;font-weight:800;cursor:pointer;transition:.15s}
.greece-area-btn:hover,.greece-area-btn.active{background:#f7fbff;color:#12355a;border-color:#fff;transform:translateY(-1px)}
.greece-city-buttons{margin-top:11px;padding:13px;border:1px solid rgba(69,223,183,.30);border-radius:14px;background:linear-gradient(90deg,rgba(26,118,103,.60),rgba(29,96,125,.58))}
.greece-city-btn{background:rgba(41,129,119,.68);border-color:rgba(190,255,235,.28)}
.greece-city-btn:hover,.greece-city-btn.active{background:#f6fbff;color:#12375b;border-color:#fff}
.meteo-news-jump{width:100%;margin-top:10px;min-height:38px;border:1px solid rgba(77,222,255,.58);border-radius:999px;background:linear-gradient(90deg,#147c9f,#1590bb);color:#fff;font-size:.7rem;font-weight:900;cursor:pointer}.meteo-news-jump i{margin-right:7px;color:#6ff5ea}
.greece-permanent-title,.selected-weather-heading{display:flex;align-items:center;gap:9px;margin:24px 0 10px}.greece-permanent-title strong{font-size:.82rem}.greece-permanent-title>span:last-child{font-size:.62rem;color:#7e9bb1}.selected-weather-heading{display:block}.selected-weather-heading h2{margin:4px 0 0;font-size:1.35rem}
.greece-weather-result{margin-bottom:26px}.greece-detail-hero{min-height:330px}.greece-detail-hero .hero-visual{min-height:330px}.greece-detail-hero .hero-copy{padding-top:34px;padding-bottom:30px}
.greece-forecast-strip{margin-top:12px}
.location-weather-error{min-height:210px;display:grid;place-items:center;align-content:center;gap:8px;border:1px solid var(--line);border-radius:18px;background:#061b31;color:#8fa9c2}.location-weather-error i{font-size:2rem;color:#55cfff}.location-weather-error strong{color:#fff}
.meteo-news-section{scroll-margin-top:140px;margin-top:34px;padding-top:18px;border-top:1px solid rgba(84,182,235,.17)}
.meteo-news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.meteo-news-empty{grid-column:1/-1;min-height:180px;display:grid;place-items:center;align-content:center;gap:9px;border:1px dashed rgba(77,188,246,.28);border-radius:17px;background:rgba(7,29,52,.66);color:#8da9bf;text-align:center;padding:20px}.meteo-news-empty i{font-size:2.2rem;color:#48cfff}.meteo-news-empty strong{color:#fff;font-size:1rem}

/* Hazard public page */
.hazard-page{padding-top:24px;padding-bottom:36px}
.hazard-public-card{
  position:relative;
  overflow:hidden;
  max-width:1120px;
  margin:0 auto;
  border:1px solid rgba(94,190,243,.18);
  border-radius:24px;
  background:linear-gradient(145deg,rgba(6,27,52,.98),rgba(3,16,31,.99));
  padding:18px 18px 16px;
  box-shadow:0 20px 52px rgba(0,0,0,.24);
}
.hazard-public-card::before,
.hazard-public-card::after{
  content:"";
  position:absolute;
  border-radius:50%;
  pointer-events:none;
  filter:blur(8px);
}
.hazard-public-card::before{
  width:380px;height:380px;left:-90px;top:-120px;
  background:radial-gradient(circle,rgba(66,196,255,.18),rgba(0,0,0,0) 70%);
}
.hazard-public-card::after{
  width:420px;height:420px;right:-100px;bottom:-160px;
  background:radial-gradient(circle,rgba(22,119,168,.16),rgba(0,0,0,0) 72%);
}
.hazard-map-stage{
  position:relative;
  overflow:hidden;
  border-radius:20px;
  min-height:0;
  padding:18px;
  background:
    radial-gradient(circle at 65% 28%, rgba(78,193,241,.22), rgba(0,0,0,0) 35%),
    linear-gradient(180deg, #071e39 0%, #082948 40%, #041424 100%);
  border:1px solid rgba(118,209,255,.16);
}
.hazard-map-stage canvas{
  display:block;
  width:min(100%, 980px);
  height:auto;
  margin:0 auto;
  border-radius:18px;
  box-shadow:0 16px 42px rgba(0,0,0,.34);
  background:transparent;
}
.hazard-map-loading{position:absolute;inset:0;display:grid;place-items:center;background:rgba(2,12,24,.72);color:#d5ebf7;font-size:.8rem}.hazard-map-loading.hidden{display:none}
.hazard-legend{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}.hazard-legend>div{display:grid;grid-template-columns:16px 1fr;grid-template-rows:auto auto;gap:1px 8px;padding:10px 11px;border:1px solid rgba(111,193,240,.16);border-radius:13px;background:linear-gradient(180deg,rgba(8,29,51,.94),rgba(5,23,40,.96))}.hazard-legend strong{font-size:.68rem}.hazard-legend small{font-size:.55rem;color:#9fb4c5}.hazard-color{grid-row:1/3;width:14px;height:32px;border-radius:999px;align-self:center;box-shadow:0 0 0 1px rgba(255,255,255,.08) inset}.hazard-color.yellow{background:#f2d447}.hazard-color.orange{background:#f28b2d}.hazard-color.red{background:#dc414c}.hazard-color.purple{background:#8b55d9}.hazard-icon-legend{display:flex;flex-wrap:wrap;gap:8px;margin-top:11px}.hazard-icon-legend span{padding:8px 11px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(6,25,45,.92);font-size:.62rem}.hazard-updated{text-align:right;margin-top:10px;color:#96aec0;font-size:.58rem}

/* About */
.about-page{padding-top:50px;padding-bottom:60px}.about-card{display:grid;grid-template-columns:190px 1fr;align-items:center;gap:28px;padding:32px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(135deg,#071d38,#06162b);box-shadow:var(--shadow)}.about-card>img{width:170px;height:170px;border-radius:50%;object-fit:cover}.about-card h1{margin:5px 0 8px;font-size:2.2rem}.about-card p{color:#a0b5c7;line-height:1.6}.youtube-channel-btn{display:inline-flex;align-items:center;gap:9px;margin-top:12px;padding:12px 17px;border-radius:12px;background:#ff0033;color:#fff;font-weight:900;font-size:.78rem}.youtube-channel-btn i{font-size:1.2rem}

/* Admin hazard editor */
.admin-hazard-layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:16px}.hazard-controls h3{font-size:.78rem;margin:4px 0 9px}.hazard-control-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:18px}.hazard-paint-btn{display:flex;align-items:center;gap:8px;min-height:38px;padding:8px 10px;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:#0a223b;color:#fff;font-size:.68rem;font-weight:800;cursor:pointer}.hazard-paint-btn span{width:17px;height:17px;border-radius:50%}.hazard-paint-btn.yellow span{background:#f2d447}.hazard-paint-btn.orange span{background:#f28b2d}.hazard-paint-btn.red span{background:#dc414c}.hazard-paint-btn.purple span{background:#8b55d9}.hazard-paint-btn.active,.hazard-marker-buttons button.active{outline:2px solid #63d9ff;background:#10365c}
.hazard-marker-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.hazard-marker-buttons button{min-height:46px;border:1px solid rgba(255,255,255,.15);border-radius:10px;background:#0a223b;color:#fff;cursor:pointer;font-size:1.15rem}.hazard-marker-buttons button span{display:block;font-size:.56rem;margin-top:2px;color:#b9d0df}.admin-hazard-actions{display:grid;gap:7px;margin-top:18px}.admin-hazard-map-card{overflow:hidden;background:linear-gradient(180deg,rgba(7,28,50,.98),rgba(4,18,33,.98))}.admin-hazard-map-help{margin-bottom:8px;color:#9fb6c7;font-size:.66rem}.admin-hazard-map-card canvas{display:block;width:min(100%,980px);margin:0 auto;height:auto;background:transparent;border-radius:14px;cursor:crosshair;box-shadow:0 14px 30px rgba(0,0,0,.28)}

@media(max-width:980px){
  .nav-inner-four{display:flex;overflow:auto}.nav-inner-four a{justify-content:flex-start}
  .admin-hazard-layout{grid-template-columns:1fr}.hazard-controls{order:2}.admin-hazard-map-card{order:1}
  .hazard-legend{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  .greece-region-selector{padding:12px}.greece-area-btn,.greece-city-btn{font-size:.62rem;padding:7px 11px}.greece-detail-hero{min-height:0}.greece-detail-hero .hero-visual{min-height:260px}
  .meteo-news-grid{grid-template-columns:1fr}.about-card{grid-template-columns:1fr;text-align:center}.about-card>img{margin:auto;width:130px;height:130px}.youtube-channel-btn{justify-content:center}
}
@media(max-width:520px){.hazard-legend{grid-template-columns:1fr 1fr}.hazard-icon-legend span{font-size:.56rem}.page-title-block h1{font-size:1.45rem}}
@media(max-width:760px){
  .nav-inner-four{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}
  .nav-inner-four a{justify-content:center;white-space:normal;text-align:center;min-height:44px;height:auto;padding:7px 5px}
}


/* ================================================================
   WEATHERGREECE v6.1 — HAZARD MAP FITS VIEWPORT WITHOUT PAGE SCROLL
   ================================================================ */
body:has(#page-hazard-map.active-page) .site-footer{
  display:none;
}
body:has(#page-hazard-map.active-page) .hazard-page{
  min-height:calc(100dvh - 128px);
  padding-top:10px;
  padding-bottom:12px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
body:has(#page-hazard-map.active-page) .hazard-page .page-title-block{
  padding:0 0 8px;
}
body:has(#page-hazard-map.active-page) .hazard-page .page-title-block h1{
  margin:2px 0 3px;
  font-size:clamp(1.15rem,2vw,1.75rem);
  line-height:1.05;
}
body:has(#page-hazard-map.active-page) .hazard-page .page-title-block p{
  max-width:none;
  font-size:.68rem;
  line-height:1.25;
}
body:has(#page-hazard-map.active-page) .hazard-public-card{
  width:min(100%,1040px);
  padding:10px 11px 9px;
  border-radius:19px;
}
body:has(#page-hazard-map.active-page) .hazard-map-stage{
  padding:9px;
  border-radius:15px;
}
body:has(#page-hazard-map.active-page) .hazard-map-stage canvas{
  width:auto;
  height:auto;
  max-width:100%;
  max-height:clamp(270px,calc(100dvh - 405px),555px);
  margin:0 auto;
  border-radius:13px;
  box-shadow:0 10px 28px rgba(0,0,0,.30);
}
body:has(#page-hazard-map.active-page) .hazard-legend{
  gap:7px;
  margin-top:8px;
}
body:has(#page-hazard-map.active-page) .hazard-legend>div{
  min-height:43px;
  grid-template-columns:12px 1fr;
  gap:0 6px;
  padding:5px 8px;
  border-radius:10px;
}
body:has(#page-hazard-map.active-page) .hazard-legend strong{
  font-size:.61rem;
  line-height:1.1;
}
body:has(#page-hazard-map.active-page) .hazard-legend small{
  font-size:.49rem;
  line-height:1.1;
}
body:has(#page-hazard-map.active-page) .hazard-color{
  width:10px;
  height:26px;
}
body:has(#page-hazard-map.active-page) .hazard-icon-legend{
  justify-content:center;
  gap:5px;
  margin-top:6px;
}
body:has(#page-hazard-map.active-page) .hazard-icon-legend span{
  padding:4px 8px;
  font-size:.54rem;
}
body:has(#page-hazard-map.active-page) .hazard-updated{
  margin-top:5px;
  font-size:.5rem;
  line-height:1;
}

@media (max-height:900px) and (min-width:761px){
  body:has(#page-hazard-map.active-page) .header-top{height:72px}
  body:has(#page-hazard-map.active-page) .brand img{width:54px;height:54px}
  body:has(#page-hazard-map.active-page) .main-nav .nav-inner a{height:36px}
  body:has(#page-hazard-map.active-page) .hazard-page{min-height:calc(100dvh - 108px);padding-top:6px;padding-bottom:8px}
  body:has(#page-hazard-map.active-page) .hazard-map-stage canvas{max-height:clamp(255px,calc(100dvh - 340px),520px)}
  body:has(#page-hazard-map.active-page) .hazard-page .page-title-block p{font-size:.62rem}
}

@media (max-height:760px) and (min-width:761px){
  body:has(#page-hazard-map.active-page) .header-top{height:62px}
  body:has(#page-hazard-map.active-page) .brand img{width:46px;height:46px}
  body:has(#page-hazard-map.active-page) .brand-copy small{display:none}
  body:has(#page-hazard-map.active-page) .main-nav .nav-inner a{height:32px;font-size:.68rem}
  body:has(#page-hazard-map.active-page) .hazard-page{min-height:calc(100dvh - 94px);padding:4px 0 6px}
  body:has(#page-hazard-map.active-page) .hazard-page .page-title-block{padding-bottom:5px}
  body:has(#page-hazard-map.active-page) .hazard-page .page-title-block .section-kicker{display:none}
  body:has(#page-hazard-map.active-page) .hazard-page .page-title-block h1{font-size:1.08rem}
  body:has(#page-hazard-map.active-page) .hazard-page .page-title-block p{font-size:.57rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body:has(#page-hazard-map.active-page) .hazard-map-stage canvas{max-height:calc(100dvh - 275px)}
  body:has(#page-hazard-map.active-page) .hazard-legend>div{min-height:36px;padding:3px 6px}
  body:has(#page-hazard-map.active-page) .hazard-color{height:21px}
  body:has(#page-hazard-map.active-page) .hazard-icon-legend span{padding:3px 7px;font-size:.5rem}
}

@media (max-width:760px){
  body:has(#page-hazard-map.active-page) .site-footer{display:none}
  body:has(#page-hazard-map.active-page) .hazard-page{
    min-height:calc(100dvh - 68px);
    justify-content:flex-start;
    padding-top:7px;
  }
  body:has(#page-hazard-map.active-page) .hazard-public-card{padding:8px}
  body:has(#page-hazard-map.active-page) .hazard-map-stage{padding:6px}
  body:has(#page-hazard-map.active-page) .hazard-map-stage canvas{
    max-height:clamp(230px,calc(100dvh - 365px),430px);
  }
  body:has(#page-hazard-map.active-page) .hazard-legend{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:4px;
  }
  body:has(#page-hazard-map.active-page) .hazard-legend>div{
    grid-template-columns:8px 1fr;
    padding:4px;
    gap:0 4px;
  }
  body:has(#page-hazard-map.active-page) .hazard-legend strong{font-size:.52rem}
  body:has(#page-hazard-map.active-page) .hazard-legend small{font-size:.43rem}
  body:has(#page-hazard-map.active-page) .hazard-color{width:7px;height:21px}
  body:has(#page-hazard-map.active-page) .hazard-icon-legend{flex-wrap:nowrap;overflow:hidden}
  body:has(#page-hazard-map.active-page) .hazard-icon-legend span{font-size:.46rem;padding:3px 5px;white-space:nowrap}
}

/* ================================================================
   WEATHERGREECE v6.2 — VERTICAL HAZARD LEGEND / ACTIVE SYMBOLS
   ================================================================ */
body:has(#page-hazard-map.active-page) .hazard-public-card{
  width:min(100%,1120px);
  padding:9px 10px 7px;
}
body:has(#page-hazard-map.active-page) .hazard-map-stage{
  position:relative;
  display:block;
  padding:7px;
  overflow:hidden;
}
body:has(#page-hazard-map.active-page) .hazard-map-stage canvas{
  width:auto;
  height:auto;
  max-width:100%;
  max-height:clamp(310px,calc(100dvh - 325px),620px);
  margin:0 auto;
}

/* The two side rails live over the sea areas, so the map itself stays large. */
.hazard-active-panel,
.hazard-legend-rail{
  position:absolute;
  z-index:6;
  pointer-events:none;
}
.hazard-active-panel{
  left:clamp(10px,1.5vw,18px);
  top:50%;
  transform:translateY(-50%);
  width:clamp(126px,16.5%,180px);
  max-height:82%;
  overflow:hidden;
  padding:10px;
  border:1px solid rgba(113,211,255,.22);
  border-radius:15px;
  background:linear-gradient(180deg,rgba(3,23,42,.86),rgba(4,35,56,.78));
  box-shadow:0 12px 28px rgba(0,0,0,.22);
  backdrop-filter:blur(8px);
}
.hazard-legend-rail{
  right:clamp(10px,1.5vw,18px);
  top:50%;
  transform:translateY(-50%);
  width:clamp(140px,18%,194px);
  display:grid;
  gap:8px;
}
.hazard-legend-box{
  padding:9px;
  border:1px solid rgba(113,211,255,.20);
  border-radius:14px;
  background:linear-gradient(180deg,rgba(3,22,41,.88),rgba(5,32,53,.82));
  box-shadow:0 12px 28px rgba(0,0,0,.22);
  backdrop-filter:blur(8px);
}
.hazard-side-title{
  display:flex;
  align-items:center;
  gap:6px;
  margin-bottom:8px;
  color:#dff6ff;
  font-size:.57rem;
  line-height:1.1;
  font-weight:900;
  letter-spacing:.55px;
}
.hazard-side-title i{color:#51d7ff;font-size:.68rem}

.hazard-risk-list,
.hazard-phenomena-list,
.hazard-active-symbols{display:grid;gap:5px}
.hazard-risk-list>div{
  display:grid;
  grid-template-columns:10px minmax(0,1fr);
  align-items:center;
  gap:7px;
  min-height:33px;
  padding:4px 5px;
  border-radius:9px;
  background:rgba(255,255,255,.035);
}
.hazard-risk-list p{margin:0;display:grid;gap:1px}
.hazard-risk-list strong{font-size:.56rem;line-height:1.05;color:#f3fbff}
.hazard-risk-list small{font-size:.45rem;line-height:1.08;color:#9eb6c8}
.hazard-risk-list .hazard-color{width:8px;height:23px}

.hazard-phenomena-list>div{
  display:grid;
  grid-template-columns:24px minmax(0,1fr);
  align-items:center;
  gap:6px;
  min-height:29px;
  padding:3px 5px;
  border-radius:9px;
  background:rgba(255,255,255,.035);
}
.hazard-phenomena-list b{
  display:grid;
  place-items:center;
  width:23px;height:23px;
  border:1px solid rgba(255,255,255,.19);
  border-radius:50%;
  background:rgba(2,15,29,.88);
  font-size:.72rem;
}
.hazard-phenomena-list span{font-size:.52rem;font-weight:800;color:#eaf7ff}

.hazard-active-item{
  display:grid;
  grid-template-columns:30px minmax(0,1fr);
  align-items:center;
  gap:7px;
  padding:6px 5px;
  border-radius:10px;
  background:rgba(255,255,255,.045);
}
.hazard-active-icon{
  display:grid;
  place-items:center;
  width:29px;height:29px;
  border:1.5px solid rgba(255,255,255,.88);
  border-radius:50%;
  background:rgba(2,15,29,.92);
  font-size:.82rem;
  box-shadow:0 4px 12px rgba(0,0,0,.24);
}
.hazard-active-item>div:last-child{display:grid;gap:2px;min-width:0}
.hazard-active-item strong{font-size:.55rem;line-height:1.05;color:#fff}
.hazard-active-item strong em{font-style:normal;color:#65dfff;font-size:.48rem}
.hazard-active-item small{font-size:.42rem;line-height:1.18;color:#a7bdcc}
.hazard-active-empty{
  display:grid;
  justify-items:center;
  gap:6px;
  padding:10px 3px;
  text-align:center;
  color:#9fb8c9;
  font-size:.45rem;
  line-height:1.25;
}
.hazard-active-empty i{font-size:1rem;color:#4fd9ba}

/* Old horizontal legend is no longer used in v6.2. */
body:has(#page-hazard-map.active-page) .hazard-legend,
body:has(#page-hazard-map.active-page) .hazard-icon-legend{display:none!important}
body:has(#page-hazard-map.active-page) .hazard-updated{
  margin-top:4px;
  min-height:10px;
  font-size:.47rem;
}

@media (max-height:900px) and (min-width:761px){
  body:has(#page-hazard-map.active-page) .hazard-map-stage canvas{
    max-height:clamp(300px,calc(100dvh - 260px),590px);
  }
  .hazard-active-panel{width:clamp(120px,15.5%,168px);padding:8px}
  .hazard-legend-rail{width:clamp(132px,17%,182px);gap:6px}
  .hazard-legend-box{padding:7px}
  .hazard-side-title{margin-bottom:6px;font-size:.53rem}
}

@media (max-height:760px) and (min-width:761px){
  body:has(#page-hazard-map.active-page) .hazard-map-stage canvas{
    max-height:calc(100dvh - 195px);
  }
  .hazard-active-panel{width:138px;padding:6px;max-height:86%}
  .hazard-legend-rail{width:148px;gap:5px}
  .hazard-legend-box{padding:6px}
  .hazard-side-title{margin-bottom:4px;font-size:.47rem}
  .hazard-risk-list,.hazard-phenomena-list,.hazard-active-symbols{gap:3px}
  .hazard-risk-list>div{min-height:27px;padding:2px 4px}
  .hazard-risk-list strong{font-size:.49rem}.hazard-risk-list small{font-size:.39rem}
  .hazard-phenomena-list>div{min-height:24px;padding:2px 4px}
  .hazard-phenomena-list b{width:20px;height:20px;font-size:.62rem}
  .hazard-phenomena-list span{font-size:.46rem}
  .hazard-active-item{grid-template-columns:25px minmax(0,1fr);gap:5px;padding:4px}
  .hazard-active-icon{width:24px;height:24px;font-size:.68rem}
  .hazard-active-item strong{font-size:.48rem}.hazard-active-item small{font-size:.36rem}
}

@media (max-width:760px){
  body:has(#page-hazard-map.active-page) .hazard-map-stage canvas{
    max-height:clamp(260px,calc(100dvh - 285px),500px);
  }
  .hazard-active-panel{
    left:6px;
    width:clamp(88px,19%,118px);
    padding:5px;
    border-radius:10px;
  }
  .hazard-legend-rail{
    right:6px;
    width:clamp(96px,21%,126px);
    gap:4px;
  }
  .hazard-legend-box{padding:5px;border-radius:10px}
  .hazard-side-title{font-size:.4rem;gap:3px;margin-bottom:4px;letter-spacing:.15px}
  .hazard-side-title i{font-size:.48rem}
  .hazard-risk-list,.hazard-phenomena-list,.hazard-active-symbols{gap:2px}
  .hazard-risk-list>div{grid-template-columns:6px minmax(0,1fr);gap:4px;min-height:22px;padding:2px 3px}
  .hazard-risk-list .hazard-color{width:5px;height:17px}
  .hazard-risk-list strong{font-size:.4rem}.hazard-risk-list small{font-size:.31rem}
  .hazard-phenomena-list>div{grid-template-columns:17px minmax(0,1fr);gap:3px;min-height:20px;padding:1px 3px}
  .hazard-phenomena-list b{width:16px;height:16px;font-size:.48rem}
  .hazard-phenomena-list span{font-size:.36rem}
  .hazard-active-item{grid-template-columns:19px minmax(0,1fr);gap:3px;padding:2px 3px}
  .hazard-active-icon{width:18px;height:18px;font-size:.5rem;border-width:1px}
  .hazard-active-item strong{font-size:.38rem}.hazard-active-item small{font-size:.28rem}
  .hazard-active-empty{font-size:.32rem;padding:4px 1px}.hazard-active-empty i{font-size:.7rem}
}

/* ================================================================
   WEATHERGREECE v6.3 — METEO NEWS / FIVE NAV / GREECE DIRECTORY
   ================================================================ */
.nav-inner-five{
  display:grid;
  grid-template-columns:.62fr 1.35fr .82fr 1.75fr .62fr;
  width:100%;
  overflow:visible;
}
.nav-inner-five a{justify-content:center;text-align:center;padding-inline:8px;white-space:normal}

/* Thessaloniki stays first; directory follows underneath. */
.greece-weather-page .greece-permanent-title{margin-top:6px}
.greece-weather-page #greece-fixed-weather{margin-bottom:18px}
.greece-weather-page .greece-region-selector{margin-top:8px}
.greece-weather-page .meteo-news-jump{margin-top:11px}

/* Standalone Meteo News page */
.meteo-news-page{padding-top:24px;padding-bottom:44px;min-height:65vh}
.meteo-news-page .meteo-news-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.meteo-news-card{
  min-width:0;
  overflow:hidden;
  border:1px solid rgba(88,190,244,.18);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(7,31,56,.98),rgba(4,22,40,.98));
  box-shadow:0 16px 36px rgba(0,0,0,.18);
}
.meteo-news-card>img{display:block;width:100%;height:190px;object-fit:cover;background:#06172d}
.meteo-news-card-body{padding:15px 16px 17px}
.meteo-news-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;color:#82a3ba;font-size:.55rem;font-weight:800}
.meteo-news-meta>span{color:#55d5ff;letter-spacing:.7px}
.meteo-news-card h2{margin:0 0 8px;font-size:1rem;line-height:1.25;color:#f1f9ff}
.meteo-news-card p{margin:0 0 13px;color:#a9bdcc;font-size:.68rem;line-height:1.55}
.meteo-news-card a{display:inline-flex;align-items:center;gap:6px;color:#65ddff;font-size:.65rem;font-weight:900}
.meteo-news-empty{grid-column:1/-1}

/* A little more room in the hazard phenomena rail for hot/cold temperature. */
.hazard-phenomena-list>div{min-height:27px}

/* Keep the public danger map in one viewport even with the two thermometer rows. */
body:has(#page-hazard-map.active-page){overflow-y:hidden}
body:has(#page-hazard-map.active-page) #site-pages{height:auto;min-height:0}
body:has(#page-hazard-map.active-page) .hazard-page{
  height:calc(100dvh - 108px);
  min-height:0;
  overflow:hidden;
  box-sizing:border-box;
}
body:has(#page-hazard-map.active-page) .hazard-public-card{min-height:0;overflow:hidden}
body:has(#page-hazard-map.active-page) .hazard-map-stage{
  height:min(calc(100dvh - 205px),670px);
  min-height:360px;
}
body:has(#page-hazard-map.active-page) .hazard-map-stage canvas{
  max-height:100%;
  max-width:100%;
  width:auto;
  height:auto;
}

@media(max-width:1100px){
  .nav-inner-five{display:flex;overflow:auto}.nav-inner-five a{justify-content:flex-start;white-space:nowrap}
  .meteo-news-page .meteo-news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .nav-inner-five{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}
  .nav-inner-five a{justify-content:center;white-space:normal;min-height:44px;height:auto;padding:7px 5px}
  .meteo-news-page .meteo-news-grid{grid-template-columns:1fr}
  body:has(#page-hazard-map.active-page){overflow-y:auto}
  body:has(#page-hazard-map.active-page) .hazard-page{height:auto;min-height:calc(100dvh - 68px)}
  body:has(#page-hazard-map.active-page) .hazard-map-stage{height:auto;min-height:0}
}

/* ================================================================
   WEATHERGREECE v6.5 — NAV / I18N / HAZARD FIT / ADMIN UX
   ================================================================ */

/* Main category buttons now use the same visual language as the Admin button. */
.nav-inner-five{gap:7px;padding:6px 0}
.nav-inner-five a{
  min-height:36px;height:auto;
  border:1px solid rgba(43,205,218,.34)!important;
  border-bottom:1px solid rgba(43,205,218,.34)!important;
  border-radius:10px;
  background:rgba(5,31,48,.82);
  color:#62e2e7;
  box-shadow:0 7px 18px rgba(0,0,0,.12);
}
.nav-inner-five a:hover,.nav-inner-five a.active{
  color:#dffcff;
  border-color:#62e2e7!important;
  background:rgba(16,67,83,.92);
  transform:translateY(-1px);
}

/* Language flags below date / clock. */
.header-time-wrap{display:grid;justify-items:end;gap:5px}
.language-switcher{display:flex;align-items:center;justify-content:flex-end;gap:4px}
.language-switcher button{
  width:28px;height:23px;padding:0;border:1px solid rgba(113,194,255,.16);border-radius:6px;
  background:rgba(5,25,43,.72);cursor:pointer;font-size:1rem;line-height:1;opacity:.72;transition:.15s
}
.language-switcher button:hover,.language-switcher button.active{opacity:1;border-color:#62e2e7;background:rgba(16,67,83,.92);transform:translateY(-1px)}

.notification-region-label{display:grid;gap:4px;margin-top:7px;color:#89a7bc;font-size:.57rem;font-weight:700}
.notification-region-label select{max-width:330px;height:31px;border:1px solid rgba(94,194,240,.25);border-radius:8px;background:#071d32;color:#eef9ff;padding:0 8px;font:inherit}

/* Hazard icons are real SVG assets, not emoji. */
.hazard-phenomena-list b img,.hazard-active-icon img{display:block;width:100%;height:100%;object-fit:contain}
.hazard-phenomena-list b{padding:1px;overflow:hidden}
.hazard-active-icon{padding:1px;overflow:hidden}
.hazard-validity{text-align:right;margin-top:3px;color:#c3dbea;font-size:.5rem;font-weight:800}

/* Entire danger map, Crete and both side rails must remain visible in one viewport. */
body:has(#page-hazard-map.active-page){overflow:hidden!important}
body:has(#page-hazard-map.active-page) .hazard-page{
  height:calc(100dvh - 128px)!important;
  min-height:0!important;
  padding:4px 0 5px!important;
  justify-content:flex-start!important;
  overflow:hidden!important;
}
body:has(#page-hazard-map.active-page) .hazard-page .page-title-block{
  flex:0 0 49px;padding:1px 0 5px!important;overflow:hidden
}
body:has(#page-hazard-map.active-page) .hazard-page .page-title-block .section-kicker{font-size:.51rem}
body:has(#page-hazard-map.active-page) .hazard-page .page-title-block h1{font-size:clamp(.98rem,1.55vw,1.35rem)!important;margin:1px 0 2px!important;line-height:1.05}
body:has(#page-hazard-map.active-page) .hazard-page .page-title-block p{font-size:.54rem!important;line-height:1.1!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body:has(#page-hazard-map.active-page) .hazard-public-card{
  flex:1 1 auto!important;
  width:min(100%,1180px)!important;
  height:calc(100% - 50px)!important;
  min-height:0!important;
  padding:7px 8px 5px!important;
  display:flex;flex-direction:column;overflow:hidden!important
}
body:has(#page-hazard-map.active-page) .hazard-map-stage{
  flex:1 1 auto!important;height:auto!important;min-height:0!important;
  padding:5px!important;display:flex!important;align-items:center;justify-content:center;overflow:hidden!important
}
body:has(#page-hazard-map.active-page) .hazard-map-stage canvas{
  width:auto!important;height:auto!important;
  max-height:100%!important;
  max-width:calc(100% - 390px)!important;
  object-fit:contain!important;
  margin:auto!important
}
body:has(#page-hazard-map.active-page) .hazard-active-panel{
  left:8px!important;width:172px!important;max-height:92%!important;padding:8px!important
}
body:has(#page-hazard-map.active-page) .hazard-legend-rail{
  right:8px!important;width:188px!important;max-height:94%!important;gap:6px!important
}
body:has(#page-hazard-map.active-page) .hazard-legend-box{padding:7px!important}
body:has(#page-hazard-map.active-page) .hazard-risk-list,
body:has(#page-hazard-map.active-page) .hazard-phenomena-list,
body:has(#page-hazard-map.active-page) .hazard-active-symbols{gap:3px!important}
body:has(#page-hazard-map.active-page) .hazard-risk-list>div{min-height:27px!important;padding:2px 4px!important}
body:has(#page-hazard-map.active-page) .hazard-phenomena-list>div{min-height:25px!important;padding:2px 4px!important}
body:has(#page-hazard-map.active-page) .hazard-active-item{padding:4px!important}
body:has(#page-hazard-map.active-page) .hazard-updated,
body:has(#page-hazard-map.active-page) .hazard-validity{flex:0 0 auto;margin-top:2px!important;line-height:1!important}

@media(max-height:760px) and (min-width:761px){
  body:has(#page-hazard-map.active-page) .hazard-page{height:calc(100dvh - 94px)!important}
  body:has(#page-hazard-map.active-page) .hazard-page .page-title-block{flex-basis:36px!important}
  body:has(#page-hazard-map.active-page) .hazard-public-card{height:calc(100% - 37px)!important}
  body:has(#page-hazard-map.active-page) .hazard-map-stage canvas{max-width:calc(100% - 330px)!important}
  body:has(#page-hazard-map.active-page) .hazard-active-panel{width:145px!important;padding:5px!important}
  body:has(#page-hazard-map.active-page) .hazard-legend-rail{width:158px!important;gap:4px!important}
  body:has(#page-hazard-map.active-page) .hazard-side-title{font-size:.44rem!important;margin-bottom:3px!important}
}
@media(max-width:900px){
  body:has(#page-hazard-map.active-page) .hazard-map-stage canvas{max-width:calc(100% - 270px)!important}
  body:has(#page-hazard-map.active-page) .hazard-active-panel{width:118px!important}
  body:has(#page-hazard-map.active-page) .hazard-legend-rail{width:130px!important}
}
@media(max-width:760px){
  .header-time-wrap{display:grid;justify-items:end;gap:3px}
  .language-switcher button{width:24px;height:21px;font-size:.9rem}
  body:has(#page-hazard-map.active-page){overflow:hidden!important}
  body:has(#page-hazard-map.active-page) .hazard-page{height:calc(100dvh - 68px)!important;min-height:0!important}
  body:has(#page-hazard-map.active-page) .hazard-page .page-title-block{flex-basis:38px!important}
  body:has(#page-hazard-map.active-page) .hazard-public-card{height:calc(100% - 39px)!important}
  body:has(#page-hazard-map.active-page) .hazard-map-stage canvas{max-width:calc(100% - 172px)!important;max-height:100%!important}
  body:has(#page-hazard-map.active-page) .hazard-active-panel{left:4px!important;width:76px!important;padding:3px!important}
  body:has(#page-hazard-map.active-page) .hazard-legend-rail{right:4px!important;width:88px!important;gap:2px!important}
  body:has(#page-hazard-map.active-page) .hazard-legend-box{padding:3px!important}
}

/* Daily icon quick selector in Admin. */
.admin-field-caption{display:block;margin-bottom:6px;color:#9ab5c7;font-size:.62rem;font-weight:900}
.weather-day-quick{margin-top:-3px}
.weather-day-quick-buttons{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}
.weather-day-quick-buttons button{min-height:34px;border:1px solid rgba(98,226,231,.22);border-radius:9px;background:#071f35;color:#dff8ff;font-size:.56rem;font-weight:800;cursor:pointer}
.weather-day-quick-buttons button:hover,.weather-day-quick-buttons button.active{border-color:#62e2e7;background:#104353;color:#fff}

/* Rich Meteo News editor. */
.meteo-editor-layout{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr)!important}
.admin-rich-editor-wrap{border:1px solid rgba(91,190,245,.22);border-radius:12px;overflow:hidden;background:#06192d}
.admin-rich-toolbar{display:flex;flex-wrap:wrap;gap:4px;padding:7px;border-bottom:1px solid rgba(91,190,245,.15);background:#071e35}
.admin-rich-toolbar.media{background:#08243d}
.admin-rich-toolbar button{min-width:34px;min-height:31px;border:1px solid rgba(255,255,255,.12);border-radius:7px;background:#0b2a46;color:#eaf8ff;cursor:pointer;font-size:.62rem;font-weight:800}
.admin-rich-toolbar button:hover{border-color:#62e2e7;background:#104353}
.admin-rich-editor{min-height:300px;padding:14px;outline:none;color:#effaff;font-size:.78rem;line-height:1.7}
.admin-rich-editor:empty::before{content:attr(data-placeholder);color:#66859b}
.admin-rich-editor img{max-width:100%;height:auto;border-radius:10px}
.admin-rich-editor figure{margin:12px auto}
.admin-editor-stats{padding:6px 10px;border-top:1px solid rgba(91,190,245,.12);color:#7897ad;font-size:.55rem;text-align:right}
.mn-image-preview img{display:block;width:100%;max-height:210px;object-fit:cover;border-radius:10px;margin:4px 0 8px}
.admin-list-actions{display:flex;gap:5px}
.admin-icon-edit{width:34px;height:34px;border:1px solid rgba(98,226,231,.25);border-radius:8px;background:#0a2c43;color:#62e2e7;cursor:pointer}

/* Public Meteo News article. */
.meteo-read-more{border:0;background:transparent;padding:0;color:#65ddff;font:inherit;font-size:.65rem;font-weight:900;cursor:pointer}
.meteo-article-view{grid-column:1/-1;max-width:940px;margin:0 auto;width:100%;border:1px solid rgba(88,190,244,.18);border-radius:20px;background:linear-gradient(180deg,#071f38,#04172a);padding:22px;box-shadow:0 18px 44px rgba(0,0,0,.2)}
.meteo-article-back{border:1px solid rgba(98,226,231,.25);border-radius:9px;background:#08283f;color:#62e2e7;padding:8px 11px;font-weight:800;cursor:pointer;margin-bottom:14px}
.meteo-article-hero{display:block;width:100%;max-height:510px;object-fit:cover;border-radius:16px;margin-bottom:16px}
.meteo-article-meta{color:#61d8ff;font-size:.62rem;font-weight:900;letter-spacing:.6px}
.meteo-article-view h1{font-size:clamp(1.6rem,3vw,2.6rem);line-height:1.16;margin:7px 0 10px}
.meteo-article-lead{font-size:1rem;color:#b7cad8;line-height:1.55;border-left:3px solid #44cde0;padding-left:12px}
.meteo-article-content{font-size:.87rem;line-height:1.78;color:#dbeaf3}
.meteo-article-content img{max-width:100%;height:auto;border-radius:13px;display:block;margin:15px auto}
.meteo-article-content blockquote{margin:16px 0;padding:10px 14px;border-left:3px solid #62e2e7;background:rgba(98,226,231,.06)}
.meteo-external-link{display:inline-flex;margin-top:14px;gap:7px;color:#65ddff;font-weight:800}

/* Two alert forms side by side. */
.admin-alert-two-forms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:14px}

/* Hazard editor: actual SVG icons + validity dates. */
.hazard-validity-admin{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:10px 0 15px}
.hazard-marker-buttons button{display:grid;place-items:center;gap:2px;padding:5px}
.hazard-marker-buttons button img{width:34px;height:34px;object-fit:contain}
.hazard-marker-buttons button span{margin:0!important}

@media(max-width:980px){
  .meteo-editor-layout,.admin-alert-two-forms{grid-template-columns:1fr!important}
  .weather-day-quick-buttons{grid-template-columns:repeat(4,minmax(0,1fr))}
}
.meteo-video-frame{position:relative;width:100%;aspect-ratio:16/9;border-radius:13px;overflow:hidden;background:#020c16;margin:14px 0}.meteo-video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.meteo-video-link{display:inline-flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid rgba(98,226,231,.25);border-radius:10px;background:#08283f;color:#62e2e7;font-weight:800}.mn-inline-video{margin:16px 0}
.notification-optin-wrap.push-ready-compact .notification-prompt{padding:8px 12px}.notification-optin-wrap.push-ready-compact .notification-prompt-icon{opacity:.75}.notification-optin-wrap.push-ready-compact .notification-prompt-copy strong{font-size:.64rem}.notification-optin-wrap.push-ready-compact .notification-prompt-copy>span{font-size:.56rem}.notification-optin-wrap.push-ready-compact .notification-optin{min-width:96px}


/* ================================================================
   WEATHERGREECE v6.6 — FINAL HAZARD VIEWPORT LOCK
   Full Greece + Crete + both side legends, no page scroll/crop.
   ================================================================ */
body.wg-hazard-view,
body:has(#page-hazard-map.active-page){
  overflow:hidden!important;
  overscroll-behavior:none;
}
body.wg-hazard-view .site-footer,
body:has(#page-hazard-map.active-page) .site-footer{display:none!important}
body.wg-hazard-view #site-pages,
body:has(#page-hazard-map.active-page) #site-pages{min-height:0!important}
body.wg-hazard-view .hazard-page,
body:has(#page-hazard-map.active-page) .hazard-page{
  box-sizing:border-box!important;
  height:var(--wg-hazard-page-h,calc(100dvh - 120px))!important;
  max-height:var(--wg-hazard-page-h,calc(100dvh - 120px))!important;
  min-height:0!important;
  padding:3px 0 4px!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
}
body.wg-hazard-view .hazard-page .page-title-block,
body:has(#page-hazard-map.active-page) .hazard-page .page-title-block{
  flex:0 0 auto!important;
  padding:1px 0 4px!important;
  min-height:0!important;
}
body.wg-hazard-view .hazard-page .page-title-block .section-kicker,
body:has(#page-hazard-map.active-page) .hazard-page .page-title-block .section-kicker{font-size:.48rem!important;line-height:1!important}
body.wg-hazard-view .hazard-page .page-title-block h1,
body:has(#page-hazard-map.active-page) .hazard-page .page-title-block h1{
  margin:1px 0 2px!important;
  font-size:clamp(.92rem,1.45vw,1.28rem)!important;
  line-height:1.02!important;
}
body.wg-hazard-view .hazard-page .page-title-block p,
body:has(#page-hazard-map.active-page) .hazard-page .page-title-block p{
  margin:0!important;
  font-size:.5rem!important;
  line-height:1.05!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.wg-hazard-view .hazard-public-card,
body:has(#page-hazard-map.active-page) .hazard-public-card{
  box-sizing:border-box!important;
  flex:1 1 0!important;
  width:min(100%,1180px)!important;
  height:auto!important;
  max-height:none!important;
  min-height:0!important;
  margin:0 auto!important;
  padding:5px 6px 4px!important;
  border-radius:17px!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
body.wg-hazard-view .hazard-map-stage,
body:has(#page-hazard-map.active-page) .hazard-map-stage{
  box-sizing:border-box!important;
  flex:1 1 0!important;
  width:100%!important;
  height:0!important; /* flex item gets the remaining height exactly */
  min-height:0!important;
  max-height:none!important;
  padding:4px!important;
  border-radius:14px!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
body.wg-hazard-view .hazard-map-stage canvas,
body:has(#page-hazard-map.active-page) .hazard-map-stage canvas{
  display:block!important;
  box-sizing:border-box!important;
  width:auto!important;
  height:100%!important;
  max-height:100%!important;
  max-width:calc(100% - var(--wg-hazard-side-space,380px))!important;
  margin:auto!important;
  object-fit:contain!important;
  border-radius:12px!important;
}
body.wg-hazard-view .hazard-active-panel,
body:has(#page-hazard-map.active-page) .hazard-active-panel{
  left:6px!important;
  width:164px!important;
  max-height:92%!important;
  padding:6px!important;
  overflow:hidden!important;
}
body.wg-hazard-view .hazard-legend-rail,
body:has(#page-hazard-map.active-page) .hazard-legend-rail{
  right:6px!important;
  width:180px!important;
  max-height:94%!important;
  gap:4px!important;
  overflow:hidden!important;
}
body.wg-hazard-view .hazard-legend-box,
body:has(#page-hazard-map.active-page) .hazard-legend-box{padding:5px!important;border-radius:10px!important}
body.wg-hazard-view .hazard-side-title,
body:has(#page-hazard-map.active-page) .hazard-side-title{margin-bottom:3px!important;font-size:.43rem!important;line-height:1!important}
body.wg-hazard-view .hazard-risk-list,
body.wg-hazard-view .hazard-phenomena-list,
body.wg-hazard-view .hazard-active-symbols,
body:has(#page-hazard-map.active-page) .hazard-risk-list,
body:has(#page-hazard-map.active-page) .hazard-phenomena-list,
body:has(#page-hazard-map.active-page) .hazard-active-symbols{gap:2px!important}
body.wg-hazard-view .hazard-risk-list>div,
body:has(#page-hazard-map.active-page) .hazard-risk-list>div{min-height:24px!important;padding:2px 3px!important}
body.wg-hazard-view .hazard-risk-list strong,
body:has(#page-hazard-map.active-page) .hazard-risk-list strong{font-size:.45rem!important}
body.wg-hazard-view .hazard-risk-list small,
body:has(#page-hazard-map.active-page) .hazard-risk-list small{font-size:.35rem!important}
body.wg-hazard-view .hazard-phenomena-list>div,
body:has(#page-hazard-map.active-page) .hazard-phenomena-list>div{min-height:22px!important;padding:1px 3px!important;grid-template-columns:19px minmax(0,1fr)!important}
body.wg-hazard-view .hazard-phenomena-list b,
body:has(#page-hazard-map.active-page) .hazard-phenomena-list b{width:18px!important;height:18px!important}
body.wg-hazard-view .hazard-phenomena-list span,
body:has(#page-hazard-map.active-page) .hazard-phenomena-list span{font-size:.4rem!important;line-height:1!important}
body.wg-hazard-view .hazard-active-item,
body:has(#page-hazard-map.active-page) .hazard-active-item{grid-template-columns:23px minmax(0,1fr)!important;gap:4px!important;padding:3px!important}
body.wg-hazard-view .hazard-active-icon,
body:has(#page-hazard-map.active-page) .hazard-active-icon{width:22px!important;height:22px!important}
body.wg-hazard-view .hazard-active-item strong,
body:has(#page-hazard-map.active-page) .hazard-active-item strong{font-size:.43rem!important}
body.wg-hazard-view .hazard-active-item small,
body:has(#page-hazard-map.active-page) .hazard-active-item small{font-size:.33rem!important;line-height:1.08!important}
body.wg-hazard-view .hazard-validity,
body.wg-hazard-view .hazard-updated,
body:has(#page-hazard-map.active-page) .hazard-validity,
body:has(#page-hazard-map.active-page) .hazard-updated{
  flex:0 0 auto!important;
  min-height:0!important;
  margin:1px 2px 0!important;
  font-size:.43rem!important;
  line-height:1!important;
}

@media(max-height:700px) and (min-width:761px){
  body.wg-hazard-view .header-top,
  body:has(#page-hazard-map.active-page) .header-top{height:56px!important}
  body.wg-hazard-view .brand img,
  body:has(#page-hazard-map.active-page) .brand img{width:42px!important;height:42px!important}
  body.wg-hazard-view .brand-copy small,
  body:has(#page-hazard-map.active-page) .brand-copy small{display:none!important}
  body.wg-hazard-view .nav-inner-five,
  body:has(#page-hazard-map.active-page) .nav-inner-five{padding:3px 0!important}
  body.wg-hazard-view .nav-inner-five a,
  body:has(#page-hazard-map.active-page) .nav-inner-five a{min-height:28px!important;padding:3px 6px!important;font-size:.57rem!important}
  body.wg-hazard-view .hazard-page .page-title-block p,
  body:has(#page-hazard-map.active-page) .hazard-page .page-title-block p{display:none!important}
  body.wg-hazard-view .hazard-active-panel,
  body:has(#page-hazard-map.active-page) .hazard-active-panel{width:148px!important;padding:4px!important}
  body.wg-hazard-view .hazard-legend-rail,
  body:has(#page-hazard-map.active-page) .hazard-legend-rail{width:162px!important}
  body.wg-hazard-view .hazard-map-stage canvas,
  body:has(#page-hazard-map.active-page) .hazard-map-stage canvas{max-width:calc(100% - 330px)!important}
}

@media(max-width:920px){
  body.wg-hazard-view,
  body:has(#page-hazard-map.active-page){overflow:hidden!important}
  body.wg-hazard-view .hazard-active-panel,
  body:has(#page-hazard-map.active-page) .hazard-active-panel{width:112px!important;left:3px!important;padding:3px!important}
  body.wg-hazard-view .hazard-legend-rail,
  body:has(#page-hazard-map.active-page) .hazard-legend-rail{width:122px!important;right:3px!important;gap:2px!important}
  body.wg-hazard-view .hazard-map-stage canvas,
  body:has(#page-hazard-map.active-page) .hazard-map-stage canvas{max-width:calc(100% - 250px)!important}
}

@media(max-width:760px){
  body.wg-hazard-view .hazard-page,
  body:has(#page-hazard-map.active-page) .hazard-page{height:var(--wg-hazard-page-h,calc(100dvh - 64px))!important;max-height:var(--wg-hazard-page-h,calc(100dvh - 64px))!important}
  body.wg-hazard-view .hazard-page .page-title-block .section-kicker,
  body:has(#page-hazard-map.active-page) .hazard-page .page-title-block .section-kicker{display:none!important}
  body.wg-hazard-view .hazard-page .page-title-block h1,
  body:has(#page-hazard-map.active-page) .hazard-page .page-title-block h1{font-size:.78rem!important}
  body.wg-hazard-view .hazard-active-panel,
  body:has(#page-hazard-map.active-page) .hazard-active-panel{width:72px!important}
  body.wg-hazard-view .hazard-legend-rail,
  body:has(#page-hazard-map.active-page) .hazard-legend-rail{width:82px!important}
  body.wg-hazard-view .hazard-map-stage canvas,
  body:has(#page-hazard-map.active-page) .hazard-map-stage canvas{max-width:calc(100% - 164px)!important}
  body.wg-hazard-view .hazard-risk-list small,
  body:has(#page-hazard-map.active-page) .hazard-risk-list small,
  body.wg-hazard-view .hazard-active-item small,
  body:has(#page-hazard-map.active-page) .hazard-active-item small{display:none!important}
}


/* ================================================================
   WEATHERGREECE v6.7 — GREECE PAGE: THESSALONIKI = HOME HERO EXACTLY
   ================================================================ */
/* Η Θεσσαλονίκη στην εσωτερική σελίδα έχει πλέον ακριβώς το ίδιο
   container, πλάτος, hero height και 6ήμερη διάταξη με την Αθήνα Home. */
.greece-fixed-weather-section{
  padding-top:24px;
  margin-bottom:26px;
}
.greece-fixed-weather-section .hero-card{
  width:100%;
}
.greece-fixed-weather-section .home-forecast-strip{
  width:100%;
}
/* Ο selector ξεκινά αμέσως μετά την 6ήμερη — χωρίς εισαγωγικό τίτλο. */
.greece-weather-page{
  padding-top:0;
}
/* Τα dynamically selected city panels χρησιμοποιούν επίσης το κανονικό
   hero-card, ώστε οι διαστάσεις τους να μην είναι στενότερες. */
.greece-weather-result > .hero-card{
  width:100%;
}
@media(max-width:760px){
  .greece-fixed-weather-section{padding-top:14px;margin-bottom:18px}
}

/* ================================================================
   WEATHERGREECE v6.8 — HOME: 10 RANDOM LOCATIONS TODAY + TOMORROW
   ================================================================ */
.temperature-extremes-head{
  margin-bottom:10px;
}
.temperature-extremes-head .section-kicker{
  font-size:.78rem;
  letter-spacing:1.8px;
}

/* Κρατάμε τα δύο day panels όπως πριν, αλλά κάθε panel έχει 10 τυχαίες
   περιοχές: 5 αριστερά + 5 δεξιά. Κάθε σειρά έχει σταθερές στήλες ώστε
   τα εικονίδια να είναι απολύτως ευθυγραμμισμένα ανεξάρτητα από το όνομα. */
.random-location-columns{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0;
}
.random-location-column:first-child{
  padding-right:12px;
  border-right:3px solid rgba(19,142,193,.44);
}
.random-location-column:last-child{
  padding-left:12px;
}
.random-location-row{
  grid-template-columns:minmax(72px,11ch) 43px 62px 43px !important;
  gap:7px !important;
  min-height:52px;
}
.random-location-name{
  display:block;
  width:11ch;
  max-width:11ch;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:clip;
  font-size:.67rem !important;
  line-height:1.1;
}
.random-temp-min,
.random-temp-max{
  font-size:.82rem !important;
  font-weight:900;
  white-space:nowrap;
}
.random-temp-min{
  color:#62d8ff !important;
  text-align:right !important;
}
.random-temp-max{
  color:#ff7743 !important;
  text-align:right !important;
}
.random-location-row .extreme-icon{
  width:62px;
  min-width:62px;
  transform:none !important;
  justify-self:center;
  place-items:center;
}
.random-location-row .extreme-weather-icon{
  width:54px;
  height:54px;
  object-fit:contain;
  display:block;
}

@media(max-width:1100px){
  .random-location-row{
    grid-template-columns:minmax(66px,11ch) 39px 54px 39px !important;
    gap:5px !important;
  }
  .random-location-row .extreme-icon{width:54px;min-width:54px}
  .random-location-row .extreme-weather-icon{width:48px;height:48px}
  .random-location-name{font-size:.63rem !important}
}

@media(max-width:760px){
  .random-location-columns{grid-template-columns:1fr 1fr}
  .random-location-column:first-child{padding-right:7px}
  .random-location-column:last-child{padding-left:7px}
  .random-location-row{
    grid-template-columns:minmax(58px,11ch) 35px 46px 35px !important;
    gap:3px !important;
    min-height:48px;
  }
  .random-location-row .extreme-icon{width:46px;min-width:46px}
  .random-location-row .extreme-weather-icon{width:42px;height:42px}
  .random-location-name{font-size:.59rem !important}
  .random-temp-min,.random-temp-max{font-size:.72rem !important}
}

@media(max-width:520px){
  .random-location-columns{grid-template-columns:1fr}
  .random-location-column:first-child{
    padding-right:0;
    border-right:0;
    border-bottom:2px solid rgba(19,142,193,.28);
    padding-bottom:3px;
  }
  .random-location-column:last-child{padding-left:0;padding-top:3px}
  .random-location-row{
    grid-template-columns:minmax(86px,11ch) 44px 58px 44px !important;
    gap:7px !important;
  }
  .random-location-row .extreme-icon{width:58px;min-width:58px}
  .random-location-row .extreme-weather-icon{width:50px;height:50px}
  .random-location-name{font-size:.64rem !important}
  .random-temp-min,.random-temp-max{font-size:.8rem !important}
}

/* ================================================================
   WEATHERGREECE v6.9 — HOME MAP INTERACTION ISOLATION
   Windy controls/timeline stay native; center guard keeps page scroll safe.
   ================================================================ */
.radar-panel{
  position:relative;
  z-index:0;
  min-width:0;
}
.radar-windy-card{
  position:relative;
  isolation:isolate;
  contain:layout paint;
  overflow:hidden !important;
  overscroll-behavior:contain;
  z-index:0;
  touch-action:auto;
}
.radar-windy-card iframe{
  position:absolute;
  inset:0;
  display:block;
  width:100% !important;
  height:100% !important;
  border:0;
  pointer-events:auto !important;
  transform:none !important;
  transition:none !important;
  z-index:1;
}

/* Guard only the central map canvas. The Windy control gutter at the right
   and the whole timeline strip at the bottom remain directly clickable. */
.radar-windy-card .map-interaction-layer{
  position:absolute;
  top:0;
  left:0;
  right:74px;
  bottom:94px;
  z-index:3;
  cursor:grab;
  background:transparent;
  pointer-events:auto;
  touch-action:pan-y;
  user-select:none;
  -webkit-user-select:none;
}
.radar-windy-card.map-dragging .map-interaction-layer{cursor:grabbing}
.radar-windy-card.map-active .map-interaction-layer{
  pointer-events:none;
}

.radar-windy-card .map-scroll-guard{
  position:absolute;
  left:50%;
  bottom:104px;
  z-index:5;
  transform:translateX(-50%);
  display:flex;
  align-items:center;
  gap:8px;
  max-width:calc(100% - 170px);
  padding:7px 11px;
  border:1px solid rgba(255,255,255,.20);
  border-radius:999px;
  background:rgba(1,12,24,.76);
  backdrop-filter:blur(8px);
  color:#e6f5ff;
  font-size:.61rem;
  font-weight:700;
  white-space:nowrap;
  pointer-events:none;
  opacity:.84;
  transition:opacity .16s ease,transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.radar-windy-card.map-hint-visible:not(.map-active) .map-scroll-guard{
  opacity:1;
  border-color:#5bd7ff;
  box-shadow:0 0 0 4px rgba(60,198,255,.12);
}
.radar-windy-card.map-active .map-scroll-guard{
  opacity:0;
  transform:translate(-50%,6px);
}
.radar-windy-card .map-active-badge{
  position:absolute;
  top:10px;
  left:10px;
  z-index:6;
  display:flex;
  align-items:center;
  gap:7px;
  padding:7px 10px;
  border:1px solid rgba(76,218,255,.42);
  border-radius:999px;
  background:rgba(3,24,43,.84);
  color:#bff3ff;
  font-size:.58rem;
  font-weight:800;
  opacity:0;
  transform:translateY(-5px);
  pointer-events:none;
  transition:.16s ease;
}
.radar-windy-card.map-active .map-active-badge{
  opacity:1;
  transform:none;
}

/* The map can never paint above neighbouring panels or outside its own box. */
.split-section,
.panel,
.cameras-panel{
  min-width:0;
}
.cameras-panel{position:relative;z-index:0}

/* Touch devices: give Windy the whole surface natively so pinch, pan,
   timeline dragging and mobile gestures work without a desktop guard. */
@media (pointer:coarse){
  .radar-windy-card .map-interaction-layer{display:none !important}
  .radar-windy-card .map-scroll-guard{display:none !important}
  .radar-windy-card .map-active-badge{display:none !important}
  .radar-windy-card iframe{pointer-events:auto !important}
}

@media(max-width:760px){
  .radar-windy-card .map-interaction-layer{
    right:58px;
    bottom:96px;
  }
  .radar-windy-card .map-scroll-guard{
    bottom:104px;
    max-width:calc(100% - 120px);
    white-space:normal;
    text-align:center;
  }
}

/* ================================================================
   WEATHERGREECE v7.0 — HOME: Ο ΚΑΙΡΟΣ ΣΤΗΝ ΚΡΗΤΗ
   Αντικαθιστά οπτικά το παλιό LIVE CAMERAS panel.
   ================================================================ */
.crete-weather-panel{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:10px;
  overflow:hidden;
}
.crete-panel-head{margin-bottom:0}
.crete-panel-head h2{margin-top:2px}

.crete-feature-card{
  min-height:168px;
  display:grid;
  grid-template-columns:minmax(245px,.88fr) 1.12fr;
  overflow:hidden;
  border:1px solid rgba(78,193,255,.22);
  border-radius:15px;
  background:linear-gradient(115deg,#082b4d 0%,#061d36 54%,#041426 100%);
  box-shadow:0 12px 28px rgba(0,0,0,.20);
}
.crete-feature-copy{
  min-width:0;
  padding:14px 14px 12px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  position:relative;
  z-index:2;
}
.crete-feature-eyebrow{
  display:flex;
  align-items:center;
  gap:6px;
  color:#61d6ff;
  font-size:.58rem;
  font-weight:900;
  letter-spacing:.75px;
  min-width:0;
  white-space:normal;
  overflow:visible;
  line-height:1.35;
}
.crete-feature-eyebrow .live-dot{flex:none}
.crete-feature-eyebrow>span:last-child{min-width:0;overflow-wrap:anywhere}
/* Keep the place on one line; only the period may move to a second line. */
[data-forecast-heading]{display:block;min-width:0;width:100%;max-width:100%;white-space:normal;overflow:visible}
[data-forecast-heading]>.forecast-heading-place,
[data-forecast-heading]>.forecast-heading-period{display:inline-block;white-space:nowrap;overflow-wrap:normal;word-break:normal}
.crete-feature-temp-row{
  display:flex;
  align-items:flex-end;
  gap:7px;
  margin:8px 0 3px;
}
.crete-feature-min{
  color:#61d6ff;
  font-size:1.08rem;
  line-height:1;
  padding-bottom:6px;
}
.crete-feature-max{
  color:#fff;
  font-size:3rem;
  font-weight:300;
  line-height:.88;
  letter-spacing:-3px;
}
.crete-feature-max span{
  font-size:.34em;
  font-weight:500;
  letter-spacing:-1px;
  vertical-align:top;
  margin-left:4px;
}
.crete-feature-icon{
  width:64px;
  height:58px;
  display:grid;
  place-items:center;
  margin-left:2px;
}
.crete-feature-weather-icon{
  width:80px;
  height:80px;
  object-fit:contain;
}
.crete-feature-condition{
  min-height:18px;
  color:#c7d8e6;
  font-size:.67rem;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.crete-feature-metrics{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin-top:9px;
}
.crete-feature-metrics>div{
  min-width:0;
  display:grid;
  grid-template-columns:16px minmax(0,1fr);
  grid-template-rows:auto auto;
  column-gap:5px;
  padding:0 7px;
  border-right:1px solid rgba(113,194,255,.14);
}
.crete-feature-metrics>div:first-child{padding-left:0}
.crete-feature-metrics>div:last-child{border-right:0;padding-right:0}
.crete-feature-metrics i{grid-row:1/3;align-self:center;color:#28cfff;font-size:.64rem}
.crete-feature-metrics span{font-size:.49rem;color:#7897ae;white-space:nowrap}
.crete-feature-metrics strong{font-size:.59rem;color:#f3f9ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.crete-feature-visual{
  position:relative;
  min-width:0;
  overflow:hidden;
  background:#06203a;
}
.crete-feature-visual>img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 54%;
}
.crete-feature-shade{
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,#061d36 0%,rgba(6,29,54,.18) 24%,transparent 56%,rgba(2,10,20,.09) 100%);
}
.crete-feature-badge{
  position:absolute;
  right:9px;
  bottom:8px;
  padding:5px 8px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
  background:rgba(1,10,20,.66);
  backdrop-filter:blur(6px);
  color:#f1f8ff;
  font-size:.53rem;
  font-weight:800;
}

.crete-location-picker{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:10px;
  padding:9px 10px;
  border:1px solid rgba(77,188,255,.17);
  border-radius:12px;
  background:rgba(5,27,49,.86);
}
.crete-location-picker label{
  color:#9cb6c9;
  font-size:.61rem;
  font-weight:800;
  white-space:nowrap;
}
.crete-location-picker label i{color:#34d5d2;margin-right:5px}
.crete-location-picker select{
  min-width:0;
  width:100%;
  height:34px;
  padding:0 34px 0 10px;
  border:1px solid rgba(90,207,255,.31);
  border-radius:9px;
  outline:0;
  background:#0b3358;
  color:#f4fbff;
  font:inherit;
  font-size:.64rem;
  font-weight:800;
  cursor:pointer;
}
.crete-location-picker select:focus{border-color:#5bdcff;box-shadow:0 0 0 3px rgba(64,211,255,.10)}

.crete-forecast-host{min-width:0}
.crete-forecast-loading,.crete-forecast-error{
  min-height:220px;
  display:grid;
  place-items:center;
  align-content:center;
  gap:8px;
  border:1px dashed rgba(83,192,246,.22);
  border-radius:13px;
  color:#89a7bc;
  font-size:.65rem;
}
.crete-forecast-title{
  display:flex;
  align-items:center;
  gap:6px;
  margin:1px 2px 8px;
  color:#e8f6ff;
  font-size:.68rem;
}
.crete-forecast-title i{color:#41d9d0}
.crete-four-day-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
.crete-day-card{
  min-width:0;
  padding:9px 10px 8px;
  border:1px solid rgba(77,188,255,.18);
  border-radius:12px;
  background:linear-gradient(155deg,rgba(11,56,85,.96),rgba(5,31,52,.98));
}
.crete-day-card>header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-bottom:7px;
}
.crete-day-card>header>strong{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:.61rem;
  color:#f2f8ff;
}
.crete-day-card>header>span{
  flex:none;
  display:flex;
  align-items:center;
  gap:4px;
  font-size:.63rem;
}
.crete-day-card>header>span b{color:#57d5ff}
.crete-day-card>header>span strong{color:#fff}
.crete-day-card>header>span em{font-style:normal;color:#55748c}
.crete-periods{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:5px;
  margin-bottom:7px;
}
.crete-period{
  min-width:0;
  min-height:75px;
  padding:5px 3px;
  display:grid;
  grid-template-rows:auto 38px auto;
  place-items:center;
  border:1px solid rgba(102,205,255,.16);
  border-radius:8px;
  background:linear-gradient(180deg,rgba(41,91,119,.62),rgba(17,61,88,.52));
}
.crete-period>span{font-size:.49rem;color:#b0c5d4;white-space:nowrap}
.crete-period-icon{width:54px;height:54px;object-fit:contain}
.crete-period>strong{font-size:.61rem;color:#fff}
.crete-day-metrics{
  display:grid;
  gap:3px;
  padding-top:6px;
  border-top:4px solid rgba(41,144,166,.30);
  border-radius:4px 4px 0 0;
}
.crete-day-metrics>div{
  min-width:0;
  display:grid;
  grid-template-columns:14px minmax(0,1fr) auto;
  align-items:center;
  gap:4px;
}
.crete-day-metrics i{color:#32d6cf;font-size:.55rem;text-align:center}
.crete-day-metrics span{color:#8aa8bc;font-size:.50rem;white-space:nowrap}
.crete-day-metrics strong{color:#fff;font-size:.54rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

@media(max-width:1100px){
  .crete-feature-card{grid-template-columns:minmax(280px,.9fr) 1.1fr}
  .crete-four-day-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .crete-feature-card{grid-template-columns:1fr;min-height:0}
  .crete-feature-visual{height:190px;order:-1}
  .crete-feature-copy{padding:15px}
  .crete-location-picker{grid-template-columns:1fr}
  .crete-four-day-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:520px){
  .crete-four-day-grid{grid-template-columns:1fr}
  .crete-feature-max{font-size:2.6rem}
  .crete-feature-icon{width:58px;height:54px}
  .crete-feature-weather-icon{width:56px;height:56px}
}

/* ================================================================
   WEATHERGREECE v7.1 — MOURMOURA NEWS PROMO UNDER HOME RADAR
   ================================================================ */
.radar-panel{
  display:flex;
  flex-direction:column;
}
.mourmoura-promo-banner{
  display:block;
  width:100%;
  margin-top:auto;
  padding-top:14px;
  text-decoration:none;
  line-height:0;
  border-radius:15px;
  overflow:hidden;
  isolation:isolate;
}
.mourmoura-promo-banner img{
  display:block;
  width:100%;
  height:auto;
  max-height:245px;
  object-fit:contain;
  object-position:center;
  border-radius:15px;
  border:1px solid rgba(69,190,246,.22);
  box-shadow:0 12px 30px rgba(0,0,0,.25);
  transition:transform .18s ease,filter .18s ease,border-color .18s ease;
}
.mourmoura-promo-banner:hover img,
.mourmoura-promo-banner:focus-visible img{
  transform:translateY(-2px);
  filter:brightness(1.05);
  border-color:rgba(78,218,255,.5);
}
.mourmoura-promo-banner:focus-visible{
  outline:2px solid #54dcff;
  outline-offset:3px;
}
@media(max-width:1100px){
  .mourmoura-promo-banner{
    margin-top:12px;
    padding-top:0;
  }
  .mourmoura-promo-banner img{max-height:none}
}

/* ================================================================
   WEATHERGREECE v7.2 — REGIONAL WEATHER CARDS INSIDE "Ο ΚΑΙΡΟΣ ΣΤΗΝ ΕΛΛΑΔΑ"
   Οι παλιές pills περιοχών καταργούνται. Κάθε ενότητα ακολουθεί το
   compact visual/forecast μοτίβο της κάρτας Κρήτης του Home.
   ================================================================ */
.greece-regional-directory{
  padding-top:14px;
  padding-bottom:34px;
}
.greece-regional-directory>.greece-directory-search{justify-content:flex-end}
.greece-regional-panels{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  align-items:start;
}
.regional-weather-panel{
  min-width:0;
  height:auto;
  align-self:start;
}
.regional-panel-head{
  min-height:42px;
}
.regional-panel-head h2{
  font-size:clamp(.9rem,1.35vw,1.18rem);
  line-height:1.15;
}
.regional-feature-card{
  min-height:174px;
}
.regional-feature-visual>img{
  transition:opacity .18s ease;
}
.regional-location-picker select option:first-child{
  color:#91aabd;
}
.regional-forecast-host{
  min-height:86px;
}
.regional-forecast-placeholder{
  min-height:86px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:14px;
  border:1px dashed rgba(83,192,246,.20);
  border-radius:12px;
  background:rgba(4,23,42,.45);
  color:#86a6bc;
  text-align:center;
  font-size:.61rem;
  line-height:1.45;
}
.regional-forecast-placeholder i{
  color:#43d4d1;
  flex:none;
}

/* Για τις πολύ μεγάλες ονομασίες περιοχών κρατάμε σταθερό το layout. */
.regional-weather-panel .crete-feature-eyebrow,
.regional-weather-panel .crete-feature-condition,
.regional-weather-panel .crete-feature-metrics strong{
  min-width:0;
}

@media(max-width:1050px){
  .greece-regional-panels{grid-template-columns:1fr}
  .regional-feature-card{grid-template-columns:minmax(280px,.9fr) 1.1fr}
}
@media(max-width:760px){
  .greece-regional-directory{padding-top:10px}
  .greece-regional-panels{gap:12px}
  .regional-feature-card{grid-template-columns:1fr;min-height:0}
  .regional-feature-card .crete-feature-visual{height:205px;order:-1}
}


/* ================================================================
   WEATHERGREECE v7.3 — REGIONAL CITY TITLES / REMOVE CRETE INTERNAL CARD
   ================================================================ */
.regional-feature-eyebrow{
  display:flex;
  align-items:flex-start;
  gap:7px;
  width:100%;
  max-width:100%;
  min-width:0;
  font-size:clamp(.56rem,.68vw,.66rem)!important;
  line-height:1.3;
  letter-spacing:.7px!important;
}
.regional-feature-eyebrow .live-dot{
  flex:0 0 auto;
  margin-top:.22em;
}
.regional-feature-eyebrow span:last-child{
  min-width:0;
  max-width:100%;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:normal;
}
@media(max-width:760px){
  .regional-feature-eyebrow{font-size:.58rem!important;line-height:1.25}
}


/* ================================================================
   WEATHERGREECE v7.4 — REGIONAL CARDS DEFAULT 4-DAY FORECAST
   ================================================================ */
.regional-forecast-placeholder{display:none!important}
.regional-forecast-host:empty{display:none}


/* ================================================================
   WEATHERGREECE v7.5 — REGIONAL CLEANUP / AUTO RESET
   ================================================================ */
.regional-panel-head{
  min-height:28px!important;
  padding-bottom:6px!important;
}
.regional-panel-head>div{
  display:flex;
  align-items:center;
}
.regional-panel-head .section-kicker{
  margin:0!important;
  font-size:.66rem;
  letter-spacing:1.25px;
}


/* ================================================================
   WEATHERGREECE v7.6 — NEXT 4 DAYS / CLEAN CENTRAL METRICS
   ================================================================ */
/* Στην κεντρική compact κάρτα κρατάμε μόνο icon + τιμή. */
.crete-feature-metrics>div{
  grid-template-columns:16px minmax(0,1fr)!important;
  grid-template-rows:1fr!important;
  align-items:center;
}
.crete-feature-metrics>div>span{display:none!important}
.crete-feature-metrics i{
  grid-row:auto!important;
  align-self:center;
}
.crete-feature-metrics strong{
  align-self:center;
  font-size:.62rem;
}


/* ================================================================
   WEATHERGREECE v7.7 — HAZARD MAP VALIDITY OVERLAY
   ================================================================ */
body.wg-hazard-view .hazard-validity-overlay,
body:has(#page-hazard-map.active-page) .hazard-validity-overlay{
  position:absolute!important;
  z-index:9!important;
  top:14px!important;
  left:clamp(176px,18.5%,238px)!important;
  margin:0!important;
  padding:6px 10px!important;
  min-height:0!important;
  max-width:min(360px,34%)!important;
  border:1px solid rgba(87,205,255,.28)!important;
  border-radius:10px!important;
  background:linear-gradient(180deg,rgba(3,25,46,.93),rgba(4,38,61,.88))!important;
  box-shadow:0 8px 20px rgba(0,0,0,.20)!important;
  backdrop-filter:blur(7px)!important;
  color:#d9edf8!important;
  font-size:.56rem!important;
  font-weight:800!important;
  line-height:1.2!important;
  text-align:left!important;
  white-space:nowrap!important;
  pointer-events:none!important;
}

@media(max-width:980px){
  body.wg-hazard-view .hazard-validity-overlay,
  body:has(#page-hazard-map.active-page) .hazard-validity-overlay{
    left:clamp(132px,17%,178px)!important;
    top:10px!important;
    max-width:38%!important;
    padding:5px 8px!important;
    font-size:.5rem!important;
  }
}

@media(max-width:760px){
  body.wg-hazard-view .hazard-validity-overlay,
  body:has(#page-hazard-map.active-page) .hazard-validity-overlay{
    left:88px!important;
    top:7px!important;
    max-width:calc(100% - 184px)!important;
    padding:4px 6px!important;
    font-size:.44rem!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
}


/* ================================================================
   WEATHERGREECE v7.8 — THREE NEW TOP-LEVEL MENUS
   ================================================================ */
.nav-inner-eight{
  display:grid;
  grid-template-columns:.52fr 1.05fr 1.08fr 1.34fr .82fr .72fr 1.52fr;
  gap:5px;
  width:100%;
  overflow:visible;
}
.nav-inner-eight a{
  min-width:0;
  padding:5px 6px!important;
  min-height:42px;
  line-height:1.15;
  font-size:.61rem;
  justify-content:center;
  text-align:center;
  white-space:normal!important;
}
.nav-inner-eight a i{flex:0 0 auto}
.nav-inner-eight a span{min-width:0}

.new-menu-placeholder-page{padding-top:34px;padding-bottom:50px;min-height:62vh}
.new-menu-placeholder-card{
  min-height:300px;
  display:grid;
  place-items:center;
  align-content:center;
  gap:10px;
  text-align:center;
  border:1px solid rgba(65,199,224,.24);
  border-radius:22px;
  background:linear-gradient(145deg,rgba(6,29,53,.98),rgba(4,19,35,.98));
  box-shadow:0 18px 44px rgba(0,0,0,.2);
}
.new-menu-placeholder-card>i{font-size:2rem;color:#62e2e7}
.new-menu-placeholder-card h1{margin:0;font-size:clamp(1.25rem,2.3vw,2rem)}
.new-menu-placeholder-card p{margin:0;color:#91aabd;font-size:.72rem}

@media(max-width:1180px){
  .nav-inner-eight{display:flex;overflow-x:auto;gap:5px;padding:5px 0;scrollbar-width:none}
  .nav-inner-eight::-webkit-scrollbar{display:none}
  .nav-inner-eight a{flex:0 0 auto;min-width:max-content;padding:6px 12px!important;white-space:nowrap!important}
}
@media(max-width:760px){
  .nav-inner-eight{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;padding:8px 10px}
  .nav-inner-eight a{min-width:0;white-space:normal!important;padding:7px 5px!important;font-size:.58rem}
}


/* ================================================================
   WEATHERGREECE v7.9 — TOP MENU LABEL ALIGNMENT
   ================================================================ */
.nav-inner-eight .nav-two-line{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  line-height:1.12;
}
.nav-inner-eight .nav-prefecture-line{
  display:block;
  white-space:nowrap;
  margin-top:1px;
}
@media(max-width:1180px){
  .nav-inner-eight .nav-two-line{display:inline-flex;flex-direction:row;gap:4px}
  .nav-inner-eight .nav-prefecture-line{display:inline;white-space:nowrap;margin-top:0}
}
@media(max-width:760px){
  .nav-inner-eight .nav-two-line{display:flex;flex-direction:column;gap:0}
}

/* ================================================================
   WEATHERGREECE v8.0 — Ν. ΑΤΤΙΚΗΣ / ΜΠΑΦΙ – ΠΑΡΝΗΘΑ
   ================================================================ */
.attica-weather-page{
  padding-top:18px;
  padding-bottom:42px;
}
.attica-bafi-hero{
  position:relative;
  width:100%;
  min-height:390px;
  aspect-ratio:3.15/1;
  max-height:520px;
  overflow:hidden;
  border:1px solid rgba(74,194,255,.28);
  border-radius:24px;
  background:#071b34;
  box-shadow:0 22px 55px rgba(0,0,0,.30);
  isolation:isolate;
}
.attica-bafi-bg{
  position:absolute;
  inset:0;
  z-index:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 48%;
  transition:opacity .35s ease,filter .35s ease,transform 1.1s ease;
}
.attica-bafi-hero:hover .attica-bafi-bg{transform:scale(1.008)}
.attica-bafi-gradient{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(3,18,38,.94) 0%,rgba(4,28,54,.90) 19%,rgba(4,29,53,.67) 35%,rgba(4,22,40,.13) 54%,rgba(2,12,25,.04) 75%,rgba(2,10,20,.15) 100%),
    linear-gradient(180deg,rgba(3,11,23,.08),transparent 45%,rgba(2,10,20,.20));
}
.attica-bafi-content{
  position:relative;
  z-index:3;
  width:min(590px,47%);
  min-height:100%;
  padding:30px 28px 24px 34px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.attica-bafi-eyebrow{
  display:flex;
  align-items:center;
  gap:4px;
  color:#69d9ff;
  font-size:.68rem;
  font-weight:900;
  letter-spacing:1.35px;
}
.attica-bafi-content :is(h1,h2){
  margin:7px 0 7px;
  max-width:100%;
  color:#f4fbff;
  font-size:clamp(1rem,1.8vw,1.55rem);
  line-height:1.12;
  letter-spacing:.2px;
}
.attica-bafi-main-row{
  display:flex;
  align-items:flex-end;
  gap:14px;
  margin-top:4px;
}
.attica-bafi-min-temp-block{
  min-width:64px;
  padding-bottom:10px;
  display:flex;
  align-items:flex-end;
}
.attica-bafi-min-temp-block strong{
  color:#61d6ff;
  font-size:1.75rem;
  line-height:1;
  font-weight:700;
}
.attica-bafi-max-temp-block{
  display:flex;
  align-items:flex-end;
}
.attica-bafi-current{
  color:#fff;
  font-size:clamp(4.6rem,6.9vw,6.6rem);
  font-weight:300;
  line-height:.92;
  letter-spacing:-5px;
  text-shadow:0 8px 24px rgba(0,0,0,.28);
}
.attica-bafi-current span{
  display:inline-block;
  margin-left:5px;
  vertical-align:top;
  color:#dff7ff;
  font-size:.27em;
  font-weight:600;
  letter-spacing:-1px;
}
.attica-bafi-icon{
  width:126px;
  height:118px;
  display:grid;
  place-items:center;
  filter:drop-shadow(0 9px 18px rgba(0,0,0,.28));
}
.attica-bafi-weather-icon{width:122px;height:122px;object-fit:contain}
.attica-bafi-condition{
  margin:8px 0 14px;
  min-height:20px;
  color:#d6e6f3;
  font-size:.9rem;
  font-weight:600;
}
.attica-bafi-metrics{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin-top:2px;
  max-width:430px;
}
.attica-bafi-metrics>div{
  min-width:0;
  display:grid;
  grid-template-columns:18px minmax(0,1fr);
  grid-template-rows:auto auto;
  column-gap:6px;
  padding:0 10px;
  border-right:1px solid rgba(113,194,255,.14);
}
.attica-bafi-metrics>div:first-child{padding-left:0}
.attica-bafi-metrics>div:last-child{border-right:0;padding-right:0}
.attica-bafi-metrics i{
  grid-row:1/3;
  align-self:center;
  color:#31cfff;
  font-size:.78rem;
}
.attica-bafi-metrics span{
  overflow:hidden;
  color:#89a6bb;
  font-size:.62rem;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.attica-bafi-metrics strong{
  overflow:hidden;
  color:#f5fbff;
  font-size:.95rem;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.attica-bafi-location{
  position:absolute;
  right:16px;
  bottom:14px;
  z-index:4;
  max-width:46%;
  padding:7px 11px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
  background:rgba(1,10,20,.62);
  backdrop-filter:blur(8px);
  color:#f1f9ff;
  font-size:.62rem;
  font-weight:900;
  white-space:nowrap;
}

.attica-bafi-daily{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:9px;
  margin-top:11px;
}
.attica-bafi-day{
  min-width:0;
  min-height:142px;
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:4px 8px;
  padding:11px 12px;
  border:1px solid rgba(70,181,241,.22);
  border-radius:15px;
  background:linear-gradient(180deg,rgba(9,42,77,.98),rgba(5,25,48,.98));
}
.attica-bafi-day header{grid-column:1/-1;color:#dff2ff;font-size:.58rem}
.attica-bafi-day-icon{grid-column:1/-1;width:76px;height:76px;object-fit:contain;justify-self:center}
.attica-bafi-day-temp{grid-column:1/-1;display:flex;justify-content:center;align-items:baseline;gap:14px}
.attica-bafi-day-temp b{color:#5fd7ff;font-size:1.08rem}
.attica-bafi-day-temp span{color:#fff;font-size:1.2rem;font-weight:900}
.attica-bafi-day-meta{grid-column:1/-1;display:flex;justify-content:space-between;gap:6px;border-top:1px solid rgba(91,196,245,.13);padding-top:6px}
.attica-bafi-day-meta span{display:flex;align-items:center;gap:4px;color:#99b2c5;font-size:.51rem;white-space:nowrap}
.attica-bafi-day-meta i{color:#37ccff}

.attica-regions-section{
  margin-top:24px;
  padding:16px;
  border:1px solid rgba(74,190,245,.17);
  border-radius:19px;
  background:linear-gradient(180deg,rgba(5,26,49,.84),rgba(3,17,33,.90));
}
.attica-regions-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  margin-bottom:13px;
}
.attica-regions-head h2{margin:3px 0 0;font-size:1.05rem}
.attica-region-search{
  width:min(340px,100%);
  min-height:39px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:0 12px;
  border:1px solid rgba(75,193,247,.24);
  border-radius:11px;
  background:#061c34;
  color:#55d9ff;
}
.attica-region-search input{
  width:100%;
  border:0;
  outline:0;
  background:transparent;
  color:#eefaff;
  font:inherit;
  font-size:.66rem;
}
.attica-region-search input::placeholder{color:#718fa6}
.attica-region-cards{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.attica-region-card{
  min-width:0;
  overflow:hidden;
  border:1px solid rgba(72,188,240,.18);
  border-radius:14px;
  background:linear-gradient(160deg,#092b4b,#061b33);
  transition:border-color .16s ease,transform .16s ease;
}
.attica-region-card:hover{border-color:rgba(83,212,255,.38);transform:translateY(-1px)}
.attica-region-card>header{
  min-height:39px;
  display:flex;
  align-items:center;
  gap:7px;
  padding:9px 11px;
  border-bottom:1px solid rgba(73,182,235,.13);
  color:#f2f9ff;
}
#page-attica-weather .attica-region-card>header,
#page-thessaloniki-prefecture .attica-region-card>header{
  background:linear-gradient(90deg,rgba(31,198,190,.17),rgba(45,169,218,.11));
  border-bottom-color:rgba(67,217,211,.24);
  box-shadow:inset 0 1px 0 rgba(128,244,235,.06);
}
.attica-region-card>header i{color:#42d7d2}
.attica-region-card>header strong{font-size:.67rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.attica-region-card>header small{margin-left:auto;color:#71a8c4;font-size:.52rem;white-space:nowrap}
.attica-region-card-body{padding:7px 9px 9px;min-height:118px}
.attica-region-loading,.attica-region-error{
  min-height:104px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  color:#8daabd;
  font-size:.6rem;
  text-align:center;
}
.attica-region-days{display:grid;gap:4px}
.attica-region-day{
  display:grid;
  grid-template-columns:minmax(94px,1.15fr) 36px 48px 48px minmax(76px,.75fr);
  align-items:center;
  min-height:35px;
  gap:5px;
  padding:4px 6px;
  border-radius:8px;
  background:rgba(4,22,41,.48);
}
.attica-region-day>span{color:#b7cede;font-size:.55rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.attica-region-day-icon{width:58px;height:58px;object-fit:contain;justify-self:center}
.attica-region-day>b{color:#5bd8ff;font-size:.72rem;text-align:right}
.attica-region-day>em{color:#fff;font-size:.77rem;font-style:normal;font-weight:900;text-align:right}
.attica-region-day>small{display:flex;align-items:center;justify-content:flex-end;gap:4px;color:#9cb5c7;font-size:.5rem;white-space:nowrap}
.attica-region-day>small i{color:#31cfff}

@media(max-width:1120px){
  .attica-bafi-content{width:55%}
  .attica-bafi-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
  .attica-bafi-hero{aspect-ratio:2.55/1;min-height:410px}
  .attica-bafi-daily{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:780px){
  .attica-weather-page{padding-top:12px}
  .attica-bafi-hero{min-height:620px;aspect-ratio:auto}
  .attica-bafi-bg{object-position:64% center}
  .attica-bafi-gradient{background:linear-gradient(180deg,rgba(3,18,38,.35) 0%,rgba(3,18,38,.52) 38%,rgba(3,18,38,.96) 67%,rgba(3,18,38,.98) 100%)}
  .attica-bafi-content{position:absolute;left:0;right:0;bottom:0;width:100%;min-height:0;padding:18px 16px 17px;justify-content:flex-end}
  .attica-bafi-content :is(h1,h2){font-size:1.05rem}
  .attica-bafi-current{font-size:4.4rem}
  .attica-bafi-min-temp-block{min-width:56px;padding-bottom:8px}
  .attica-bafi-min-temp-block strong{font-size:1.35rem}
  .attica-bafi-icon{width:96px;height:90px}.attica-bafi-weather-icon{width:92px;height:92px}
  .attica-bafi-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
  .attica-bafi-metrics>div{padding:6px 5px;grid-template-columns:15px minmax(0,1fr)}
  .attica-bafi-metrics span{display:none}.attica-bafi-metrics strong{font-size:.56rem}
  .attica-bafi-location{top:12px;right:12px;bottom:auto;max-width:70%}
  .attica-bafi-daily{grid-template-columns:repeat(2,minmax(0,1fr))}
  .attica-regions-head{align-items:stretch;flex-direction:column}
  .attica-region-search{width:100%}
  .attica-region-cards{grid-template-columns:1fr}
}
@media(max-width:480px){
  .attica-bafi-hero{min-height:570px;border-radius:18px}
  .attica-bafi-content{padding:15px 12px}
  .attica-bafi-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
  .attica-bafi-daily{grid-template-columns:1fr 1fr;gap:7px}
  .attica-bafi-day{min-height:132px;padding:9px}
  .attica-regions-section{padding:11px}
  .attica-region-day{grid-template-columns:minmax(78px,1fr) 32px 42px 42px}
  .attica-region-day>small{display:none}
}


/* v8.2 — Bafi dates + larger weather icons */
.attica-bafi-day-date{display:grid;gap:2px;justify-items:start;text-align:left}
.attica-bafi-day-date strong{font-size:.66rem;line-height:1;color:#f1f8ff}
.attica-bafi-day-date span{font-size:.57rem;line-height:1.1;color:#7f9eb7;font-weight:500}
.attica-region-date{display:grid!important;gap:2px;min-width:0}
.attica-region-date strong{font-size:.57rem;line-height:1;color:#dcebf6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.attica-region-date small{font-size:.49rem;line-height:1;color:#7898b0;font-weight:500;white-space:nowrap}
.attica-region-wind{display:flex!important}

/* ================================================================
   WEATHERGREECE v9.0 — STABLE 8-ITEM NAV + MOBILE HAMBURGER
   ================================================================ */
.main-nav{padding:7px 0 8px;border-top:1px solid rgba(255,255,255,.04)}
.main-nav .nav-inner-eight{
  display:grid;
  grid-template-columns:.82fr .92fr 1fr 1.12fr 1.22fr 1.35fr 1fr 1.25fr;
  gap:6px;
  overflow:visible;
}
.main-nav .nav-inner-eight>a{
  min-width:0;
  height:44px;
  padding:0 9px;
  justify-content:center;
  border:1px solid rgba(35,199,229,.43);
  border-radius:10px;
  background:rgba(3,31,51,.72);
  color:#70e5ef;
  font-size:.66rem;
  font-weight:900;
  letter-spacing:.1px;
  border-bottom-width:1px;
}
.main-nav .nav-inner-eight>a:hover,
.main-nav .nav-inner-eight>a.active{
  color:#e8fdff;
  border-color:#70e5ef;
  background:linear-gradient(180deg,rgba(14,72,93,.72),rgba(4,38,59,.90));
  box-shadow:0 0 0 1px rgba(71,220,239,.08) inset;
}
.main-nav .nav-inner-eight>a i{color:#72e6ef;font-size:.76rem;flex:none}

/* WeatherGreece 10.28 — nine visible destinations, including Μετακινήσεις. */
.main-nav .nav-inner-nine{
  display:grid;
  grid-template-columns:.7fr .78fr .84fr .9fr 1.05fr 1.15fr .82fr 1.08fr .82fr;
  gap:5px;
  overflow:visible;
}
.main-nav .nav-inner-nine>a{
  min-width:0;
  height:44px;
  padding:0 6px;
  justify-content:center;
  border:1px solid rgba(35,199,229,.43);
  border-radius:10px;
  background:rgba(3,31,51,.72);
  color:#70e5ef;
  font-size:.59rem;
  font-weight:900;
  letter-spacing:0;
  border-bottom-width:1px;
}
.main-nav .nav-inner-nine>a:hover,
.main-nav .nav-inner-nine>a.active{
  color:#e8fdff;
  border-color:#70e5ef;
  background:linear-gradient(180deg,rgba(14,72,93,.72),rgba(4,38,59,.90));
  box-shadow:0 0 0 1px rgba(71,220,239,.08) inset;
}
.main-nav .nav-inner-nine>a i{color:#72e6ef;font-size:.73rem;flex:none}

/* WeatherGreece 10.36 — LIVE NOW follows HOME in the ten-item navigation. */
.main-nav .nav-inner-ten{
  display:grid;
  grid-template-columns:.68fr .76fr .76fr .82fr .88fr 1.02fr 1.12fr .8fr 1.06fr .8fr;
  gap:5px;
  overflow:visible;
}
.main-nav .nav-inner-ten>a{
  min-width:0;
  height:44px;
  padding:0 5px;
  justify-content:center;
  border:1px solid rgba(35,199,229,.43);
  border-radius:10px;
  background:rgba(3,31,51,.72);
  color:#70e5ef;
  font-size:.56rem;
  font-weight:900;
  letter-spacing:0;
  border-bottom-width:1px;
}
.main-nav .nav-inner-ten>a:hover,
.main-nav .nav-inner-ten>a.active{
  color:#e8fdff;
  border-color:#70e5ef;
  background:linear-gradient(180deg,rgba(14,72,93,.72),rgba(4,38,59,.90));
  box-shadow:0 0 0 1px rgba(71,220,239,.08) inset;
}
.main-nav .nav-inner-ten>a i{color:#72e6ef;font-size:.72rem;flex:none}

.traveling-page{padding-top:26px;padding-bottom:55px}
.traveling-intro-card{
  min-height:300px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  padding:34px;
  border:1px solid rgba(70,190,244,.22);
  border-radius:22px;
  background:radial-gradient(circle at 82% 22%,rgba(37,174,222,.15),transparent 33%),linear-gradient(145deg,#082b49,#04182e);
  box-shadow:0 18px 48px rgba(0,0,0,.22);
}
.traveling-intro-icon{width:56px;height:56px;display:grid;place-items:center;border:1px solid rgba(83,216,245,.35);border-radius:15px;color:#71e8ef;background:rgba(4,38,60,.76);font-size:1.35rem;margin-bottom:18px}
.traveling-intro-card h1{margin:5px 0 10px;font-size:clamp(1.35rem,2.8vw,2.45rem)}
.traveling-intro-card p{max-width:790px;margin:0;color:#a9c2d4;line-height:1.65;font-size:.82rem}

/* Keep all ten primary destinations visible on wide screens. Without an
   explicit ten-column layout the final links could sit outside the visible
   horizontal area after LIVE NOW was added. */
@media(min-width:1101px){
  .main-nav .nav-inner-ten{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:0;overflow:visible}
  .main-nav .nav-inner-ten>a{min-width:0;justify-content:center;padding:0 4px;font-size:clamp(.58rem,.68vw,.72rem)}
}

@media(max-width:1100px){
  .main-nav .nav-inner-eight{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
  .main-nav .nav-inner-eight>a{font-size:.63rem}
  .main-nav .nav-inner-nine{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
  .main-nav .nav-inner-nine>a{font-size:.63rem}
  .main-nav .nav-inner-ten{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}
  .main-nav .nav-inner-ten>a{font-size:.61rem}
}

@media(max-width:860px){
  .header-top{position:relative}
  .menu-toggle{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    flex:0 0 44px;
    width:44px;
    height:44px;
    flex-direction:column;
    justify-content:center;
    align-items:stretch;
    position:relative;
    z-index:1205;
    margin-left:auto;
    padding:8px 9px;
    cursor:pointer;
  }
  .menu-toggle span{display:block!important;width:100%;height:2px;margin:3px 0;background:#e5f9ff}
  .main-nav{display:none!important;padding:6px 0 9px}
  .main-nav.open{display:block!important}
  .main-nav .nav-inner-eight{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:7px 10px}
  .main-nav .nav-inner-eight>a{height:42px;font-size:.65rem;padding:0 7px}
  .main-nav .nav-inner-nine{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:7px 10px}
  .main-nav .nav-inner-nine>a{height:42px;font-size:.61rem;padding:0 5px}
  .main-nav .nav-inner-ten{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:7px 10px}
  .main-nav .nav-inner-ten>a{height:42px;font-size:.65rem;padding:0 7px}
}

@media(max-width:420px){
  .main-nav .nav-inner-eight{grid-template-columns:1fr 1fr}
  .main-nav .nav-inner-eight>a{font-size:.60rem}
  .main-nav .nav-inner-nine{grid-template-columns:repeat(3,minmax(0,1fr))}
  .main-nav .nav-inner-nine>a{font-size:.52rem;padding:0 3px}
  .main-nav .nav-inner-ten{grid-template-columns:repeat(2,minmax(0,1fr))}
  .main-nav .nav-inner-ten>a{font-size:.60rem;padding:0 4px}
  .traveling-intro-card{padding:22px 18px;min-height:250px}
}

/* ================================================================
   WEATHERGREECE v10 — night values, centred cards and readable map
   ================================================================ */
.hero-temp-row{justify-content:center}
.hero-temp-row.weather-card-night .hero-min-temp-block,
.attica-bafi-main-row.weather-card-night .attica-bafi-min-temp-block{display:none!important}
.hero-temp-row.weather-card-night{justify-content:center}
.hero-temp-row.weather-card-night .hero-max-temp-block{margin:0}
.forecast-card-head .forecast-icon,
.forecast-temps,
.attica-bafi-day-temp{justify-content:center}
.outlook-card svg polyline{animation:wg-trend-pulse 2.8s ease-in-out infinite;transform-origin:center}
@keyframes wg-trend-pulse{50%{filter:drop-shadow(0 0 5px rgba(86,221,255,.8));opacity:.82}}

/* The hazard map is a normal self-contained section: no document clipping,
   no permanent active-phenomena rail, and a compact legend on every screen. */
body.wg-hazard-view,
body:has(#page-hazard-map.active-page){overflow-y:auto!important;overscroll-behavior:auto!important}
body.wg-hazard-view .hazard-page,
body:has(#page-hazard-map.active-page) .hazard-page{height:auto!important;max-height:none!important;min-height:0!important;padding:12px 0 28px!important;overflow:visible!important;display:block!important}
body.wg-hazard-view .hazard-public-card,
body:has(#page-hazard-map.active-page) .hazard-public-card{height:auto!important;max-height:none!important;min-height:0!important;display:block!important;overflow:visible!important;padding:10px!important}
body.wg-hazard-view .hazard-map-stage,
body:has(#page-hazard-map.active-page) .hazard-map-stage{height:auto!important;min-height:0!important;display:grid!important;grid-template-columns:minmax(0,1fr) 178px!important;align-items:center!important;gap:10px!important;padding:10px!important;overflow:visible!important}
body.wg-hazard-view .hazard-map-stage canvas,
body:has(#page-hazard-map.active-page) .hazard-map-stage canvas{grid-column:1!important;width:100%!important;height:auto!important;max-width:100%!important;max-height:none!important;margin:0!important;cursor:pointer}
body.wg-hazard-view .hazard-legend-rail,
body:has(#page-hazard-map.active-page) .hazard-legend-rail{position:static!important;grid-column:2!important;display:grid!important;width:auto!important;max-height:none!important;padding:0!important;overflow:visible!important;gap:7px!important}
body.wg-hazard-view .hazard-validity-overlay,
body:has(#page-hazard-map.active-page) .hazard-validity-overlay{position:static!important;grid-column:1/-1!important;max-width:none!important;margin:0 0 3px!important;white-space:normal!important;pointer-events:auto!important}
.hazard-selection-detail{position:absolute;left:50%;bottom:14px;z-index:12;transform:translateX(-50%);display:grid;gap:2px;max-width:min(480px,calc(100% - 28px));padding:9px 12px;border:1px solid rgba(91,221,255,.48);border-radius:10px;background:rgba(3,21,40,.94);box-shadow:0 10px 28px rgba(0,0,0,.34);color:#edfaff;font-size:.68rem;text-align:center;pointer-events:none}.hazard-selection-detail span{color:#b8d4e7;font-size:.6rem}
@media(max-width:760px){
  body.wg-hazard-view .hazard-page,
  body:has(#page-hazard-map.active-page) .hazard-page{padding-top:7px!important}
  body.wg-hazard-view .hazard-page .page-title-block p,
  body:has(#page-hazard-map.active-page) .hazard-page .page-title-block p{display:none!important}
  body.wg-hazard-view .hazard-map-stage,
  body:has(#page-hazard-map.active-page) .hazard-map-stage{grid-template-columns:1fr!important;padding:7px!important}
  body.wg-hazard-view .hazard-map-stage canvas,
  body:has(#page-hazard-map.active-page) .hazard-map-stage canvas{grid-column:1!important}
  body.wg-hazard-view .hazard-legend-rail,
  body:has(#page-hazard-map.active-page) .hazard-legend-rail{grid-column:1!important;grid-template-columns:1fr 1fr!important}
  body.wg-hazard-view .hazard-legend-box,
  body:has(#page-hazard-map.active-page) .hazard-legend-box{padding:6px!important}
  body.wg-hazard-view .hazard-side-title,
  body:has(#page-hazard-map.active-page) .hazard-side-title{font-size:.52rem!important}
  body.wg-hazard-view .hazard-risk-list strong,
  body.wg-hazard-view .hazard-phenomena-list span,
  body:has(#page-hazard-map.active-page) .hazard-risk-list strong,
  body:has(#page-hazard-map.active-page) .hazard-phenomena-list span{font-size:.5rem!important}
}

.site-settings-toggle{width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(92,219,244,.34);border-radius:10px;background:#082a46;color:#a8efff;cursor:pointer}.site-settings-toggle:hover{background:#10476d;color:#fff}.about-creators{font-size:.78rem;color:#d8effa}.wg-settings-dialog{width:min(440px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:0;border:1px solid rgba(86,215,244,.45);border-radius:17px;background:#061b31;color:#eaf8ff;box-shadow:0 24px 70px rgba(0,0,0,.58)}.wg-settings-dialog::backdrop{background:rgba(0,10,20,.72);backdrop-filter:blur(3px)}.wg-settings-card{position:relative;display:grid;gap:11px;padding:21px}.wg-settings-card h2,.wg-settings-card h3{margin:0}.wg-settings-card h2{font-size:1.14rem}.wg-settings-card h3{font-size:.84rem}.wg-settings-card label{display:grid;gap:5px;color:#cfe8f6;font-size:.67rem;font-weight:800}.wg-settings-card input,.wg-settings-card select,.wg-settings-card textarea{width:100%;border:1px solid rgba(99,195,232,.28);border-radius:8px;background:#092640;color:#eefaff;padding:8px;font:inherit}.wg-settings-card fieldset{display:flex;gap:13px;border:1px solid rgba(99,195,232,.22);border-radius:9px}.wg-settings-card fieldset label{display:flex;align-items:center}.wg-settings-card fieldset input{width:auto}.wg-settings-card hr{width:100%;border:0;border-top:1px solid rgba(99,195,232,.18)}.wg-settings-close{position:absolute;right:10px;top:10px;width:29px;height:29px;border:0;border-radius:8px;background:transparent;color:#cceafb;cursor:pointer}.wg-settings-card small{min-height:16px;color:#a8c5d8;font-size:.62rem}.wg-realistic-theme{--bg:#03121f}.wg-realistic-theme .hero-card,.wg-realistic-theme .crete-feature-card{box-shadow:0 22px 52px rgba(0,0,0,.42)}

/* v10.1 — compact copy and state-driven 30-day visuals */
.page-title-block>p,.admin-section-head p,.section-note,.windy-source-note{display:none!important}
.outlook-card{position:relative;isolation:isolate}.outlook-temperature-visual{position:relative;height:82px}.outlook-temperature-visual svg{width:100%;height:100%}.outlook-temperature-visual polyline{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.outlook-arrow{position:absolute;right:2px;top:0;width:25px;height:25px;display:grid;place-items:center;border-radius:50%;font-size:1rem}.outlook-card[data-state="positive"] strong,.outlook-card[data-state="positive"] .outlook-arrow{color:#ff6655}.outlook-card[data-state="positive"] polyline{stroke:#ff6655}.outlook-card[data-state="negative"] strong,.outlook-card[data-state="negative"] .outlook-arrow{color:#4da9ff}.outlook-card[data-state="negative"] polyline{stroke:#4da9ff}.outlook-card[data-state="normal"] strong,.outlook-card[data-state="normal"] .outlook-arrow{color:#50d58b}.outlook-card[data-state="normal"] polyline{stroke:#50d58b}.bars{position:relative}.bars i{transform-origin:bottom;animation:wg-rain-bars 3.2s ease-in-out infinite}.bars i:nth-child(even){animation-delay:-1.25s}.outlook-normal-tick{position:absolute;right:2px;top:2px;color:#50d58b;font-size:1rem}.wind-scene{position:relative;height:80px;overflow:hidden}.wind-scene .wind-lines{position:absolute;inset:0}.wind-scene .wind-lines i{animation:wg-wind-line 3.8s ease-in-out infinite}.wind-leaf{--delay:calc(var(--leaf)*-.31s);position:absolute;left:calc(4% + var(--leaf)*11%);top:calc(14% + (var(--leaf)*9%));color:#78b974;font-size:.48rem;opacity:.8;animation:wg-leaf 3.4s var(--delay) linear infinite}@keyframes wg-rain-bars{50%{transform:scaleY(.88);filter:brightness(1.18)}}@keyframes wg-wind-line{50%{transform:translateX(7px);opacity:.42}}@keyframes wg-leaf{0%{transform:translate(-22px,8px) rotate(0);opacity:0}15%{opacity:.8}100%{transform:translate(145px,-18px) rotate(280deg);opacity:0}}
.crete-feature-temp-row.weather-card-night .crete-feature-min{display:none!important}.attica-region-day.today-night{grid-template-columns:minmax(94px,1.15fr) 36px 54px minmax(76px,.75fr)}

/* v10.31 — compact six-day forecast warning indicators. */
.forecast-inline-alerts{
  display:flex;
  align-items:flex-start;
  justify-content:flex-end;
  gap:5px;
  pointer-events:none;
  z-index:3;
}
.forecast-inline-alert{
  display:grid;
  justify-items:center;
  gap:1px;
  width:31px;
  color:#fff;
  line-height:1;
  text-align:center;
  filter:drop-shadow(0 2px 5px rgba(0,0,0,.42));
}
.forecast-inline-alert small{
  display:block;
  color:#fff;
  font-size:.43rem;
  line-height:1;
  font-weight:950;
  letter-spacing:.25px;
}
.forecast-inline-alert img{
  display:block;
  width:29px;
  height:29px;
  border-radius:3px;
  object-fit:cover;
}
.forecast-inline-alert-extreme{width:42px}
.forecast-inline-alert-extreme img{width:42px;height:42px;border-radius:5px}
.hero-forecast-alerts{display:flex;justify-content:flex-start;align-items:center;min-height:0;margin:4px 0 8px;max-width:100%}
.hero-forecast-alerts[hidden]{display:none}
.hero-forecast-alerts .forecast-inline-alerts{justify-content:flex-start;flex-wrap:wrap;gap:7px}
.hero-forecast-alerts .forecast-inline-alert{width:36px}
.hero-forecast-alerts .forecast-inline-alert img{width:34px;height:34px;object-fit:contain}
.hero-forecast-alerts .forecast-inline-alert-extreme,.hero-forecast-alerts .forecast-inline-alert-extreme img{width:42px;height:42px}
.forecast-card>.forecast-inline-alerts{position:absolute;top:74px;right:10px}
.attica-bafi-day{position:relative}
.attica-bafi-day>.forecast-inline-alerts{position:absolute;top:39px;right:7px}
.attica-bafi-day>.forecast-inline-alerts .forecast-inline-alert{width:27px}
.attica-bafi-day>.forecast-inline-alerts .forecast-inline-alert img{width:26px;height:26px}
.attica-bafi-day>.forecast-inline-alerts .forecast-inline-alert-extreme{width:37px}
.attica-bafi-day>.forecast-inline-alerts .forecast-inline-alert-extreme img{width:37px;height:37px}
@media(max-width:480px){
  .forecast-card>.forecast-inline-alerts{top:72px;right:8px}
  .attica-bafi-day>.forecast-inline-alerts{top:36px;right:5px}
}
@media(prefers-reduced-motion:reduce){.outlook-card *,.wind-leaf{animation:none!important}}
.wg-settings-section{display:grid;gap:9px;padding:12px;border:1px solid rgba(99,195,232,.18);border-radius:11px;background:rgba(4,25,45,.52)}.wg-settings-section h3{display:flex;align-items:center;gap:7px}.wg-settings-section h3 i{color:#61d9f3}.wg-settings-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.wg-settings-creators{display:grid;gap:3px;padding:12px;border-top:1px solid rgba(99,195,232,.18);text-align:center}.wg-settings-creators span{color:#87a9bf;font-size:.58rem}.wg-settings-creators strong{font-size:.66rem}.wg-realistic-theme::before{content:"";position:fixed;inset:0;z-index:-2;background-image:linear-gradient(rgba(1,12,24,.46),rgba(1,13,27,.72)),var(--wg-realistic-background);background-size:cover;background-position:center;background-attachment:fixed;transition:background-image .4s ease}.wg-realistic-theme::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 50% 10%,rgba(72,195,244,.08),transparent 42%)}.hazard-public-actions{display:flex;justify-content:flex-end;margin-top:7px}.hazard-public-download{min-height:34px;padding:0 12px;border:1px solid rgba(75,211,239,.35);border-radius:9px;background:#0a3553;color:#e8fbff;font-weight:800;cursor:pointer}.hazard-public-download i{margin-right:6px}
@media(max-width:760px){body.wg-hazard-view,body:has(#page-hazard-map.active-page){overflow:hidden!important}body.wg-hazard-view .hazard-page,body:has(#page-hazard-map.active-page) .hazard-page{height:var(--wg-hazard-page-h,calc(100dvh - 64px))!important;max-height:var(--wg-hazard-page-h,calc(100dvh - 64px))!important;padding:3px 0!important;display:flex!important;overflow:hidden!important}body.wg-hazard-view .hazard-public-card,body:has(#page-hazard-map.active-page) .hazard-public-card{height:calc(100% - 34px)!important;display:flex!important;overflow:hidden!important;padding:5px!important}body.wg-hazard-view .hazard-map-stage,body:has(#page-hazard-map.active-page) .hazard-map-stage{height:0!important;flex:1 1 0!important;display:grid!important;grid-template-rows:minmax(0,1fr) auto!important;gap:4px!important;overflow:hidden!important}body.wg-hazard-view .hazard-map-stage canvas,body:has(#page-hazard-map.active-page) .hazard-map-stage canvas{width:auto!important;height:100%!important;max-width:100%!important;max-height:100%!important;justify-self:center!important;object-fit:contain!important}body.wg-hazard-view .hazard-legend-rail,body:has(#page-hazard-map.active-page) .hazard-legend-rail{display:grid!important;grid-template-columns:1fr 1fr!important;max-height:118px!important;overflow:hidden!important}.hazard-public-actions{margin-top:3px}.hazard-public-download{min-height:27px;font-size:.52rem}.hazard-updated{margin-top:2px!important;font-size:.47rem!important}.hazard-selection-detail{bottom:122px;padding:5px 7px;font-size:.55rem}.hazard-selection-detail span{font-size:.47rem}}

/* v10.1 — admin workflow, movable article image and extensible live feeds */
.admin-form select[multiple]{min-height:170px;padding:6px}.admin-form label small{color:#7697ad;font-size:.6rem;font-weight:600}
.mn-image-preview{height:210px;overflow:hidden;border-radius:10px;background:#03111e;cursor:grab;touch-action:none}.mn-image-preview:active{cursor:grabbing}.mn-image-preview img{width:100%;height:100%;max-height:none!important;margin:0!important;object-fit:cover;object-position:var(--mn-x,50%) var(--mn-y,50%);transform:scale(var(--mn-scale,1));transform-origin:var(--mn-x,50%) var(--mn-y,50%);user-select:none;pointer-events:none}.mn-image-controls input[type=range]{padding:0}
.meteo-card-image-wrap,.meteo-article-hero-wrap{overflow:hidden;background:#03111e}.meteo-card-image-wrap{aspect-ratio:16/9}.meteo-card-image-wrap img,.meteo-article-hero-wrap img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--mn-x,50%) var(--mn-y,50%);transform:scale(var(--mn-scale,1));transform-origin:var(--mn-x,50%) var(--mn-y,50%)}.meteo-article-hero-wrap{width:100%;height:min(510px,55vw);min-height:260px;border-radius:16px;margin-bottom:16px}.meteo-article-hero-wrap .meteo-article-hero{max-height:none;border-radius:0;margin:0}
.admin-message-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:14px}.admin-message-card{display:grid;gap:12px}.admin-message-card.is-new{border-color:rgba(77,215,255,.52);box-shadow:0 0 0 1px rgba(77,215,255,.12) inset}.admin-message-card header{display:flex;justify-content:space-between;gap:10px}.admin-message-card header>div{display:grid}.admin-message-card header small{color:#7494a9;font-size:.62rem}.admin-message-card header>span{align-self:start;padding:4px 7px;border-radius:999px;background:#0d3955;color:#65d8f5;font-size:.56rem;text-transform:uppercase}.admin-message-card p{margin:0;white-space:pre-wrap;color:#d7e9f3;font-size:.78rem;line-height:1.55}.admin-message-reply{padding:9px;border-left:3px solid #38bfe8;background:#051522;color:#a9c4d5;font-size:.7rem}.hazard-history{margin-top:16px}.hazard-history .admin-list{max-height:310px}.hazard-history .admin-list-row{grid-template-columns:minmax(0,1fr) auto}.hazard-marker-buttons [data-hazard-eraser] i{font-size:1.35rem;color:#89cbe2}.hazard-validity-admin{grid-template-columns:1fr 1fr}.hazard-validity-admin label:first-child{grid-column:1/-1}.live-mjpeg{display:block;width:100%;height:100%;object-fit:contain}
@media(max-width:620px){.admin-message-list{grid-template-columns:1fr}.meteo-article-hero-wrap{height:54vw;min-height:190px}.hazard-validity-admin{grid-template-columns:1fr}}

/* WEATHERGREECE v10.3 — header/settings polish with original split weather heroes restored */
*{scrollbar-width:thin;scrollbar-color:#1685ac #041529}
*::-webkit-scrollbar{width:10px;height:10px}
*::-webkit-scrollbar-track{background:#041529;border-radius:999px}
*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#1fc6e8,#116b95);border:2px solid #041529;border-radius:999px}
*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#62def1,#1b90bd)}
input[type="date"],input[type="datetime-local"]{color-scheme:dark}
input[type="date"]::-webkit-calendar-picker-indicator,input[type="datetime-local"]::-webkit-calendar-picker-indicator{padding:5px;border-radius:6px;background-color:rgba(91,216,242,.14);cursor:pointer;filter:invert(88%) sepia(20%) saturate(700%) hue-rotate(155deg)}
.admin-root input[type="date"],.admin-root input[type="datetime-local"]{color-scheme:light!important;background:#fff!important;color:#07192a!important;border-color:#c9d8e4!important;font-weight:750;box-shadow:inset 0 0 0 1px rgba(7,25,42,.04)}
.admin-root input[type="date"]:focus,.admin-root input[type="datetime-local"]:focus{border-color:#35baf0!important;box-shadow:0 0 0 3px rgba(53,186,240,.22),inset 0 0 0 1px rgba(7,25,42,.04)!important}
.admin-root input[type="date"]::-webkit-calendar-picker-indicator,.admin-root input[type="datetime-local"]::-webkit-calendar-picker-indicator{background-color:#e7f5fb;filter:none;opacity:1}
.admin-tab-loading{display:flex;align-items:center;justify-content:center;gap:10px;min-height:110px;color:#8fb4ca;font-size:.78rem}
input[type="file"]{padding:5px!important;border-style:dashed!important}
input[type="file"]::file-selector-button{margin-right:9px;padding:7px 10px;border:1px solid rgba(91,216,242,.34);border-radius:7px;background:#0d4867;color:#eafaff;font:inherit;font-weight:800;cursor:pointer}

.header-top{justify-content:flex-start}
.brand{flex:0 0 auto}
.header-notification-slot{flex:1 1 360px;min-width:180px;display:flex;justify-content:center;align-items:center}
.header-side{flex:0 0 auto;margin-left:auto}
.header-notification-slot .notification-optin-wrap{position:relative;width:min(100%,520px);margin:0;padding:0}
.header-notification-slot .notification-prompt{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:9px;padding:8px 10px;border:1px solid rgba(75,211,239,.27);border-radius:13px;background:linear-gradient(110deg,rgba(4,25,45,.94),rgba(7,46,71,.88));box-shadow:0 8px 24px rgba(0,0,0,.2)}
.header-notification-slot .notification-prompt-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:rgba(49,198,229,.13);color:#64ddf5}
.header-notification-slot .notification-prompt-copy{display:grid;min-width:0;gap:2px}
.header-notification-slot .notification-prompt-copy strong{font-size:.61rem;letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.header-notification-slot .notification-prompt-copy>span{font-size:.53rem;line-height:1.25;color:#a9c6d8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.header-notification-slot .notification-region-label{display:none}
.header-notification-slot .notification-optin{min-width:auto;padding:7px 9px;font-size:.59rem;white-space:nowrap}
.notification-locate{width:31px;height:31px;display:grid;place-items:center;border:1px solid rgba(75,211,239,.28);border-radius:9px;background:#082d49;color:#75e2f4;cursor:pointer}
.header-notification-slot .notification-status{position:absolute;left:41px;right:40px;top:calc(100% + 2px);z-index:2;padding:2px 6px;border-radius:5px;background:rgba(2,16,30,.92);font-size:.48rem;text-align:center}

.hero-card{position:relative!important;display:grid!important;grid-template-columns:minmax(440px,.8fr) 1.2fr!important;isolation:isolate;overflow:hidden}
.hero-card .hero-copy{position:relative;z-index:3;width:auto!important;min-height:0!important;text-shadow:none}
.hero-card .hero-visual{position:relative!important;inset:auto!important;z-index:0!important;width:auto!important;height:auto!important;min-height:365px!important;order:initial!important}
.hero-card .hero-visual-shade{background:linear-gradient(90deg,#061b34 0,rgba(6,27,52,.2) 18%,transparent 42%,rgba(3,14,29,.08) 78%,#06172d 100%)!important}
.greece-detail-hero .hero-visual{min-height:330px!important}
.hero-card .hero-landmark-image{filter:saturate(1.08) contrast(1.04)}
.weather-svg-icon{filter:drop-shadow(0 5px 8px rgba(0,0,0,.3)) saturate(1.08) contrast(1.04)}

.wg-settings-dialog{width:min(780px,calc(100vw - 32px))!important;max-width:none!important;max-height:calc(100dvh - 28px)!important;overflow:hidden!important;margin:auto!important}
.wg-settings-card{max-height:calc(100dvh - 30px);overflow:auto;display:grid!important;grid-template-columns:1fr 1fr;align-items:start;gap:12px!important;padding:22px!important}
.wg-settings-card>h2,.wg-settings-card>.wg-settings-creators{grid-column:1/-1}
.wg-settings-section{height:100%;align-content:start}
.wg-settings-section h3 small{font-size:.54rem;color:#89a9bd;font-weight:600}
.wg-settings-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.wg-settings-actions button{min-width:0;padding-inline:7px;font-size:.62rem}
.wg-sound-option{display:flex!important;grid-column:1/-1;align-items:center;gap:8px}
.wg-sound-option input{width:auto!important;flex:0 0 auto}
.wg-settings-section #wg-settings-sound-preview{justify-self:start}
.wg-settings-close{z-index:2}

.wg-weather-theme{--weather-sky:radial-gradient(circle at 74% 13%,rgba(117,216,255,.23),transparent 26%),linear-gradient(145deg,#052b4b 0%,#06192e 48%,#020b17 100%)}
.wg-weather-theme.wg-theme-clear{--weather-sky:radial-gradient(circle at 76% 8%,rgba(255,221,115,.27),transparent 18%),linear-gradient(145deg,#075a87 0%,#07314f 45%,#020d1d 100%)}
.wg-weather-theme.wg-theme-cloudy{--weather-sky:radial-gradient(ellipse at 70% 9%,rgba(194,224,236,.18),transparent 33%),linear-gradient(145deg,#315163 0%,#142d42 43%,#061321 100%)}
.wg-weather-theme.wg-theme-rain{--weather-sky:repeating-linear-gradient(102deg,transparent 0 27px,rgba(106,206,244,.11) 28px 29px,transparent 30px 55px),linear-gradient(145deg,#1e4258 0%,#0a253b 45%,#03111f 100%)}
.wg-weather-theme.wg-theme-storm{--weather-sky:radial-gradient(circle at 73% 18%,rgba(185,151,255,.22),transparent 13%),linear-gradient(145deg,#26334d 0%,#14172c 48%,#080b18 100%)}
.wg-weather-theme.wg-theme-snow{--weather-sky:radial-gradient(circle at 20% 15%,rgba(255,255,255,.25) 0 2px,transparent 3px),radial-gradient(circle at 65% 34%,rgba(255,255,255,.18) 0 2px,transparent 3px),linear-gradient(145deg,#8096a7 0%,#38566c 45%,#102437 100%);background-size:74px 74px,103px 103px,auto}
.wg-weather-theme.wg-theme-fog{--weather-sky:repeating-linear-gradient(0deg,rgba(216,235,240,.09) 0 24px,transparent 42px 71px),linear-gradient(145deg,#667b85,#284150 50%,#0b1c29)}
.wg-weather-theme.wg-theme-night{--weather-sky:radial-gradient(circle at 78% 11%,rgba(219,235,255,.24),transparent 10%),radial-gradient(circle at 30% 15%,#d9f3ff 0 1px,transparent 2px),linear-gradient(145deg,#071a3a,#061126 52%,#010710)}
.wg-weather-theme::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:var(--weather-sky);background-size:cover;animation:wgWeatherAtmosphere 24s linear infinite}
.wg-weather-theme::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 50% 5%,rgba(90,205,244,.08),transparent 42%)}
@keyframes wgWeatherAtmosphere{0%{background-position:0 0,0 0}100%{background-position:150px 330px,0 0}}
@media(prefers-reduced-motion:reduce){.wg-weather-theme::before{animation:none}}

/* Animate the weather layers rather than loading a static location photo. */
.wg-weather-theme.wg-sky-night::before{background-image:linear-gradient(180deg,rgba(4,18,48,.26),rgba(3,20,46,.64)),var(--weather-sky)}
.wg-weather-theme.wg-theme-rain::after{background:repeating-linear-gradient(106deg,transparent 0 28px,rgba(151,224,255,.17) 29px 30px,transparent 31px 55px)}
.wg-weather-theme.wg-theme-snow::after{background:radial-gradient(circle at 18% 22%,rgba(255,255,255,.47) 0 2px,transparent 3px),radial-gradient(circle at 72% 58%,rgba(255,255,255,.31) 0 2px,transparent 3px);background-size:89px 91px,127px 109px}
.wg-weather-theme.wg-theme-storm::after{background:radial-gradient(ellipse at 58% 13%,rgba(216,231,255,.21),transparent 32%)}

body.wg-hazard-view .header-notification-slot,body:has(#page-hazard-map.active-page) .header-notification-slot{display:none!important}
body.wg-hazard-view,body:has(#page-hazard-map.active-page){overflow-y:auto!important}
body.wg-hazard-view .hazard-page,body:has(#page-hazard-map.active-page) .hazard-page{height:auto!important;max-height:none!important;display:block!important;min-height:0!important;overflow:visible!important;padding:12px 0 28px!important}
body.wg-hazard-view .hazard-public-card,body:has(#page-hazard-map.active-page) .hazard-public-card{height:auto!important;max-height:none!important;min-height:0!important;display:block!important;overflow:visible!important;padding:10px!important}
body.wg-hazard-view .hazard-map-stage,body:has(#page-hazard-map.active-page) .hazard-map-stage{height:auto!important;min-height:0!important;display:grid!important;grid-template-columns:minmax(0,1fr) 188px!important;grid-template-rows:auto auto!important;align-items:center!important;gap:8px!important;padding:9px!important;overflow:visible!important}
body.wg-hazard-view .hazard-validity-overlay,body:has(#page-hazard-map.active-page) .hazard-validity-overlay{position:static!important;grid-column:1/-1!important;grid-row:1!important;margin:0 0 3px!important;text-align:left!important}
body.wg-hazard-view .hazard-map-stage canvas,body:has(#page-hazard-map.active-page) .hazard-map-stage canvas{display:block!important;visibility:visible!important;opacity:1!important;grid-column:1!important;grid-row:2!important;width:100%!important;height:auto!important;min-height:160px!important;max-width:100%!important;max-height:none!important;align-self:center!important;justify-self:center!important;object-fit:contain!important}
body.wg-hazard-view .hazard-legend-rail,body:has(#page-hazard-map.active-page) .hazard-legend-rail{grid-column:2!important;grid-row:2!important;position:static!important;width:auto!important;max-height:none!important;display:grid!important;grid-template-columns:1fr!important;align-content:center!important;gap:6px!important;overflow:visible!important}
body.wg-hazard-view .hazard-legend-box,body:has(#page-hazard-map.active-page) .hazard-legend-box{padding:6px!important;min-height:0!important}
.hazard-selection-detail{left:10px;bottom:10px;max-width:min(420px,calc(100% - 220px));display:grid;gap:2px}.hazard-selection-detail strong{display:flex;align-items:center;gap:5px}.hazard-selection-detail strong i{color:#56d7ed}
.hazard-public-actions{flex:0 0 auto;align-items:center}
.hazard-updated{flex:0 0 auto}
.admin-list-actions{display:flex;align-items:center;gap:6px}.admin-icon-edit{width:34px;height:34px;border:1px solid rgba(84,216,241,.28);border-radius:9px;background:#0b3b59;color:#79e4f4;cursor:pointer}
.hazard-validity-admin{grid-template-columns:1fr!important}

@media(max-width:900px){
  .header-notification-slot .notification-prompt-copy>span{display:none}
  .header-notification-slot .notification-prompt-copy strong{font-size:.55rem}
  .header-notification-slot .notification-optin{font-size:0;width:32px;height:32px;padding:0}.header-notification-slot .notification-optin i{font-size:.7rem;margin:0}
}
@media(max-width:760px){
  .header-top{height:auto!important;min-height:68px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 8px;padding:6px 0!important}
  .brand{grid-column:1;grid-row:1}.header-side{grid-column:2;grid-row:1;margin:0}.header-notification-slot{grid-column:1/-1;grid-row:2;min-width:0;width:100%}
  .header-notification-slot .notification-optin-wrap{width:100%}.header-notification-slot .notification-prompt{grid-template-columns:auto minmax(0,1fr) auto auto;padding:6px 8px}
  .header-notification-slot .notification-prompt-copy>span{display:block;font-size:.49rem}.header-notification-slot .notification-prompt-copy strong{font-size:.57rem}
  .site-settings-toggle{display:grid!important;flex:0 0 36px}.menu-toggle{display:grid!important;place-items:center;flex:0 0 42px;color:#f4fbff!important;border-color:rgba(229,249,255,.52)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}.menu-toggle-icon,.menu-toggle-icon path{display:block;fill:none;stroke:#f4fbff!important;stroke-width:2.4;stroke-linecap:round;opacity:1;vector-effect:non-scaling-stroke}
  .hero-card{grid-template-columns:1fr!important;min-height:0!important}.hero-card .hero-copy{width:auto!important;min-height:0!important;padding:30px 22px 24px!important}.hero-card .hero-visual{position:relative!important;height:210px!important;min-height:0!important;order:-1!important}.hero-card .hero-visual-shade{background:linear-gradient(90deg,#061b34 0,rgba(6,27,52,.2) 18%,transparent 42%,rgba(3,14,29,.08) 78%,#06172d 100%)!important}.greece-detail-hero .hero-visual{height:260px!important;min-height:260px!important}
  .wg-settings-dialog{width:calc(100vw - 12px)!important;height:calc(100dvh - 12px)!important;max-height:none!important;border-radius:13px!important}
  .wg-settings-card{height:100%;max-height:none;grid-template-columns:1fr!important;padding:15px 12px!important;gap:9px!important}.wg-settings-card>h2,.wg-settings-card>.wg-settings-creators{grid-column:1}.wg-settings-actions{grid-template-columns:1fr 1fr!important}.wg-settings-actions #wg-settings-notifications-off{grid-column:1/-1}
  body.wg-hazard-view .hazard-page,body:has(#page-hazard-map.active-page) .hazard-page{height:auto!important;max-height:none!important;display:block!important;overflow:visible!important;padding-top:7px!important}
  body.wg-hazard-view .hazard-public-card,body:has(#page-hazard-map.active-page) .hazard-public-card{height:auto!important;display:block!important;overflow:visible!important;padding:6px!important}
  body.wg-hazard-view .hazard-map-stage,body:has(#page-hazard-map.active-page) .hazard-map-stage{height:auto!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto auto!important;gap:4px!important;padding:5px!important;overflow:visible!important}
  body.wg-hazard-view .hazard-validity-overlay,body:has(#page-hazard-map.active-page) .hazard-validity-overlay{position:absolute!important;top:5px!important;left:5px!important;right:auto!important;z-index:4!important;padding:4px 6px!important;background:rgba(2,18,31,.82)!important;pointer-events:none!important}
  body.wg-hazard-view .hazard-map-stage canvas,body:has(#page-hazard-map.active-page) .hazard-map-stage canvas{display:block!important;grid-column:1!important;grid-row:1!important;width:100%!important;height:auto!important;min-height:120px!important}
  body.wg-hazard-view .hazard-legend-rail,body:has(#page-hazard-map.active-page) .hazard-legend-rail{grid-column:1!important;grid-row:2!important;display:grid!important;grid-template-columns:1fr 1fr!important;max-height:none!important;gap:4px!important}
  body.wg-hazard-view .hazard-risk-list,body:has(#page-hazard-map.active-page) .hazard-risk-list{grid-template-columns:1fr 1fr!important}.hazard-selection-detail{left:5px;bottom:116px;max-width:calc(100% - 10px);padding:5px 7px}.hazard-public-download{min-height:26px;padding:0 8px}.hazard-updated{font-size:.46rem!important}
}

/* v10.4 final cascade — ALERT only; keep the complete map inside one viewport. */
body.wg-hazard-view,body:has(#page-hazard-map.active-page){overflow:hidden!important;overscroll-behavior:none!important}
body.wg-hazard-view #site-pages,body:has(#page-hazard-map.active-page) #site-pages{min-height:0!important;overflow:hidden!important}
body.wg-hazard-view .hazard-page,body:has(#page-hazard-map.active-page) .hazard-page{box-sizing:border-box!important;height:var(--wg-hazard-page-h,calc(100dvh - 180px))!important;max-height:var(--wg-hazard-page-h,calc(100dvh - 180px))!important;min-height:0!important;padding:3px 0 4px!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}
body.wg-hazard-view .hazard-page .page-title-block,body:has(#page-hazard-map.active-page) .hazard-page .page-title-block{flex:0 0 auto!important;min-height:21px!important;margin:0 0 4px!important;padding:2px 3px!important;text-align:right!important;overflow:hidden!important}
body.wg-hazard-view .hazard-page .page-title-block .section-kicker,body:has(#page-hazard-map.active-page) .hazard-page .page-title-block .section-kicker{display:block!important;color:#61d9f3!important;font-size:clamp(.58rem,1vw,.76rem)!important;line-height:1.15!important;letter-spacing:1px!important}
body.wg-hazard-view .hazard-page .page-title-block h1,body.wg-hazard-view .hazard-page .page-title-block p,body:has(#page-hazard-map.active-page) .hazard-page .page-title-block h1,body:has(#page-hazard-map.active-page) .hazard-page .page-title-block p{display:none!important}
body.wg-hazard-view .hazard-public-card,body:has(#page-hazard-map.active-page) .hazard-public-card{box-sizing:border-box!important;position:relative!important;flex:1 1 0!important;width:min(100%,1180px)!important;height:0!important;max-height:none!important;min-height:0!important;margin:0 auto!important;padding:6px!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}
body.wg-hazard-view .hazard-map-stage,body:has(#page-hazard-map.active-page) .hazard-map-stage{box-sizing:border-box!important;position:relative!important;flex:1 1 0!important;width:100%!important;height:0!important;min-height:0!important;max-height:none!important;padding:5px!important;overflow:hidden!important;display:grid!important;grid-template-columns:minmax(118px,148px) minmax(0,1fr) minmax(158px,184px)!important;grid-template-rows:27px minmax(0,1fr)!important;align-items:center!important;gap:6px!important}
body.wg-hazard-view .hazard-validity-overlay,body:has(#page-hazard-map.active-page) .hazard-validity-overlay{position:static!important;grid-column:1/3!important;grid-row:1!important;align-self:center!important;justify-self:start!important;width:auto!important;max-width:48%!important;min-height:0!important;margin:0!important;padding:4px 7px!important;overflow:hidden!important;font-size:.51rem!important;line-height:1!important;white-space:nowrap!important;text-overflow:ellipsis!important;pointer-events:none!important}
body.wg-hazard-view .hazard-updated,body:has(#page-hazard-map.active-page) .hazard-updated{position:absolute!important;z-index:9!important;top:11px!important;right:13px!important;width:auto!important;max-width:48%!important;min-height:0!important;margin:0!important;padding:4px 7px!important;overflow:hidden!important;border:1px solid rgba(87,205,255,.24)!important;border-radius:8px!important;background:rgba(3,25,46,.90)!important;color:#c7e4f2!important;font-size:.51rem!important;font-weight:800!important;line-height:1!important;white-space:nowrap!important;text-overflow:ellipsis!important;text-align:right!important;pointer-events:none!important}
body.wg-hazard-view .hazard-active-panel,body:has(#page-hazard-map.active-page) .hazard-active-panel{position:static!important;grid-column:1!important;grid-row:2!important;align-self:center!important;transform:none!important;width:100%!important;max-width:none!important;max-height:100%!important;padding:6px!important;overflow:hidden!important}
body.wg-hazard-view .hazard-map-stage canvas,body:has(#page-hazard-map.active-page) .hazard-map-stage canvas{display:block!important;visibility:visible!important;opacity:1!important;grid-column:2!important;grid-row:2!important;align-self:center!important;justify-self:center!important;width:auto!important;height:100%!important;min-width:0!important;min-height:0!important;max-width:100%!important;max-height:100%!important;margin:0!important;object-fit:contain!important}
body.wg-hazard-view .hazard-legend-rail,body:has(#page-hazard-map.active-page) .hazard-legend-rail{position:static!important;grid-column:3!important;grid-row:2!important;align-self:center!important;transform:none!important;width:100%!important;max-width:none!important;max-height:100%!important;padding:0!important;overflow:hidden!important;display:grid!important;grid-template-columns:1fr!important;align-content:center!important;gap:5px!important}
body.wg-hazard-view .hazard-legend-box,body:has(#page-hazard-map.active-page) .hazard-legend-box{min-height:0!important;padding:5px!important;overflow:hidden!important}
body.wg-hazard-view .hazard-public-actions,body:has(#page-hazard-map.active-page) .hazard-public-actions{flex:0 0 27px!important;min-height:0!important;margin:3px 0 0!important}
body.wg-hazard-view .hazard-public-download,body:has(#page-hazard-map.active-page) .hazard-public-download{min-height:27px!important;height:27px!important;padding:0 9px!important;font-size:.52rem!important}
body.wg-hazard-view .hazard-selection-detail,body:has(#page-hazard-map.active-page) .hazard-selection-detail{left:50%!important;bottom:7px!important;max-width:min(430px,calc(100% - 18px))!important}
@media(max-width:900px){body.wg-hazard-view .hazard-map-stage,body:has(#page-hazard-map.active-page) .hazard-map-stage{grid-template-columns:minmax(96px,120px) minmax(0,1fr) minmax(126px,150px)!important}}
@media(max-width:760px){
  body.wg-hazard-view .hazard-page,body:has(#page-hazard-map.active-page) .hazard-page{height:var(--wg-hazard-page-h,calc(100dvh - 132px))!important;max-height:var(--wg-hazard-page-h,calc(100dvh - 132px))!important;padding:2px 0 3px!important;display:flex!important;overflow:hidden!important}
  body.wg-hazard-view .hazard-page .page-title-block,body:has(#page-hazard-map.active-page) .hazard-page .page-title-block{min-height:18px!important;margin-bottom:2px!important;padding:1px 2px!important}
  body.wg-hazard-view .hazard-page .page-title-block .section-kicker,body:has(#page-hazard-map.active-page) .hazard-page .page-title-block .section-kicker{font-size:.52rem!important;letter-spacing:.55px!important}
  body.wg-hazard-view .hazard-public-card,body:has(#page-hazard-map.active-page) .hazard-public-card{height:0!important;padding:4px!important;display:flex!important;overflow:hidden!important}
  body.wg-hazard-view .hazard-map-stage,body:has(#page-hazard-map.active-page) .hazard-map-stage{height:0!important;padding:4px!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:22px minmax(0,1fr) minmax(72px,102px)!important;gap:3px!important;overflow:hidden!important}
  body.wg-hazard-view .hazard-validity-overlay,body:has(#page-hazard-map.active-page) .hazard-validity-overlay{position:static!important;grid-column:1/3!important;grid-row:1!important;max-width:100%!important;padding:3px 5px!important;font-size:.4rem!important}
  body.wg-hazard-view .hazard-updated,body:has(#page-hazard-map.active-page) .hazard-updated{position:absolute!important;top:8px!important;right:8px!important;max-width:48%!important;padding:3px 5px!important;font-size:.4rem!important}
  body.wg-hazard-view .hazard-map-stage canvas,body:has(#page-hazard-map.active-page) .hazard-map-stage canvas{grid-column:1/-1!important;grid-row:2!important;width:auto!important;height:100%!important;min-height:0!important;max-width:100%!important;max-height:100%!important}
  body.wg-hazard-view .hazard-active-panel,body:has(#page-hazard-map.active-page) .hazard-active-panel{position:static!important;grid-column:1!important;grid-row:3!important;align-self:stretch!important;transform:none!important;width:100%!important;height:100%!important;max-height:102px!important;padding:4px!important}
  body.wg-hazard-view .hazard-legend-rail,body:has(#page-hazard-map.active-page) .hazard-legend-rail{position:static!important;grid-column:2/4!important;grid-row:3!important;align-self:stretch!important;transform:none!important;width:100%!important;height:100%!important;max-height:102px!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:3px!important}
  body.wg-hazard-view .hazard-legend-box,body:has(#page-hazard-map.active-page) .hazard-legend-box{height:100%!important;padding:3px!important}
  body.wg-hazard-view .hazard-public-actions,body:has(#page-hazard-map.active-page) .hazard-public-actions{flex-basis:24px!important;margin-top:2px!important}
  body.wg-hazard-view .hazard-public-download,body:has(#page-hazard-map.active-page) .hazard-public-download{height:24px!important;min-height:24px!important;font-size:.45rem!important}
  body.wg-hazard-view .hazard-selection-detail,body:has(#page-hazard-map.active-page) .hazard-selection-detail{left:50%!important;bottom:106px!important;max-width:calc(100% - 10px)!important;padding:5px 7px!important;font-size:.52rem!important}
}

/* WEATHERGREECE v10.6 — Χορτιάτης / Ν. Θεσσαλονίκης */
.thessaloniki-chortiatis-bg{object-position:center 42%;filter:saturate(1.06) contrast(1.03)}
.thessaloniki-chortiatis-hero .attica-bafi-eyebrow span:last-child{line-height:1.3}
.thessaloniki-chortiatis-location{overflow:hidden;text-overflow:ellipsis}
@media(max-width:780px){
  .thessaloniki-chortiatis-bg{object-position:76% 24%}
  .thessaloniki-chortiatis-location{left:12px;right:12px;max-width:calc(100% - 24px);text-align:right}
  .thessaloniki-chortiatis-hero .attica-bafi-eyebrow{font-size:.56rem;letter-spacing:.75px}
}

/* v10.13: controls occupy the EXISTING map header/footer; canvas/grid unchanged. */
.hazard-public-card .hazard-day-controls{position:absolute;top:11px;left:50%;transform:translateX(-50%);z-index:5;height:24px;max-width:36%;}
.hazard-day-buttons{display:flex;gap:3px;height:100%;}
.hazard-day-buttons button,.hazard-day-select{border:1px solid #236079;border-radius:6px;background:#061c2e;color:#80dced;line-height:1;padding:3px 8px;white-space:nowrap;cursor:pointer;}
.hazard-day-buttons button{font-family:inherit;font-size:.6rem;font-weight:700;}
.hazard-day-buttons button.active{background:#125069;color:#fff;border-color:#68e0eb;}
.hazard-day-buttons button:focus-visible,.hazard-day-select:focus-visible{outline:2px solid #fff;outline-offset:2px;}
.hazard-day-select,.hazard-label-compact{display:none;}
body.wg-hazard-view .hazard-public-card #hazard-validity,body:has(#page-hazard-map.active-page) .hazard-public-card #hazard-validity{max-width:31%!important;}
body.wg-hazard-view .hazard-public-card #hazard-updated,body:has(#page-hazard-map.active-page) .hazard-public-card #hazard-updated{max-width:32%!important;}
.hazard-public-actions .hazard-day-status{min-width:0;margin-right:auto;font-size:.62rem;color:#aed7e6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hazard-public-actions .hazard-public-download{flex-shrink:0;}
.hazard-public-download:disabled{opacity:.4;cursor:not-allowed;}
.admin-hazard-day-switch{display:flex;gap:6px;}
.admin-hazard-day-switch button{flex:1;padding:8px 4px;}
.admin-hazard-day-switch button.active{background:#125069;border-color:#68e0eb;color:#fff;}
@media(max-width:760px){
  .hazard-public-card .hazard-day-controls{top:8px;height:20px;max-width:32%;}
  .hazard-day-buttons{display:none;}
  .hazard-day-select{display:block;width:100%;height:20px;font-family:inherit;font-size:10px;font-weight:700;padding:1px 3px;}
  .hazard-label-wide{display:none;}
  .hazard-label-compact{display:inline;}
  body.wg-hazard-view .hazard-public-card #hazard-validity,body:has(#page-hazard-map.active-page) .hazard-public-card #hazard-validity{grid-column:1!important;max-width:100%!important;font-size:.5rem!important;}
  body.wg-hazard-view .hazard-public-card #hazard-updated,body:has(#page-hazard-map.active-page) .hazard-public-card #hazard-updated{max-width:calc(50% - 46px)!important;font-size:.48rem!important;}
  .hazard-public-actions .hazard-day-status{font-size:.5rem;}
}

/* v10.18 — notification opt-in in ALERT's EXISTING empty left cell.
   No changes to the map grid, canvas, legends, dates or viewport sizing. */
#header-notification-slot:empty{display:none}
#hazard-notification-slot{
  grid-column:1;grid-row:2;align-self:stretch;position:relative;
  min-width:0;min-height:0;width:100%;overflow:hidden;contain:size;
  container-type:size;container-name:wg-notifications;
}
#hazard-notification-slot .notification-optin-wrap{
  position:absolute;inset:0;width:100%;min-width:0;margin:0;padding:4px;
  display:flex;flex-direction:column;justify-content:center;gap:6px;overflow:hidden;
}
#hazard-notification-slot .notification-prompt{
  display:flex;flex-direction:column;align-items:stretch;gap:10px;
  min-width:0;min-height:0;padding:12px 8px;border-radius:12px;
  background:linear-gradient(160deg,#0b3551,#06192c);box-shadow:none;
}
#hazard-notification-slot .notification-prompt-icon{
  align-self:center;width:38px;height:38px;flex-shrink:0;border-radius:50%;
}
#hazard-notification-slot .notification-prompt-copy{gap:9px;text-align:center}
#hazard-notification-slot .notification-prompt-copy strong{
  color:#69dcef;font-size:12px;line-height:1.4;letter-spacing:.3px;overflow-wrap:anywhere;
}
#hazard-notification-slot .notification-prompt-copy>span{font-size:12px;line-height:1.4}
/* Manual region selection stays in Settings, as with the former header prompt. */
#hazard-notification-slot .notification-region-label{display:none}
#hazard-notification-slot .notification-optin,
#hazard-notification-slot .notification-locate{
  display:flex;align-items:center;justify-content:center;gap:5px;width:100%;
  min-width:0;min-height:40px;height:auto;padding:7px 4px;
  white-space:normal;overflow-wrap:anywhere;font-size:12px;line-height:1.3;cursor:pointer;
}
#hazard-notification-slot .notification-status{
  position:static;margin:0;padding:0 3px;font-size:11px;line-height:1.4;overflow-wrap:anywhere;
}
#hazard-notification-slot .notification-status:empty{display:none}
#hazard-notification-slot .hazard-notification-compact{
  display:none;flex-direction:column;align-items:center;justify-content:center;gap:6px;
  width:100%;min-height:52px;padding:7px 2px;border:1px solid #28637c;border-radius:10px;
  background:linear-gradient(150deg,#0b3551,#06192c);color:#71deef;
  font-size:12px;line-height:1.3;font-weight:700;cursor:pointer;overflow-wrap:anywhere;
}
#hazard-notification-slot .hazard-notification-compact i{font-size:18px}
#hazard-notification-slot button:focus-visible,
#hazard-notification-slot select:focus-visible{outline:2px solid #fff;outline-offset:1px}
#hazard-notification-slot button:disabled{opacity:.65;cursor:default}
/* Compact controls reuse the existing Settings dialog; no extra map rows. */
@media(max-width:900px),(max-height:680px){
  #hazard-notification-slot .notification-prompt,
  #hazard-notification-slot .notification-status{display:none}
  #hazard-notification-slot .hazard-notification-compact{display:flex}
}
@container wg-notifications (max-height:400px){
  #hazard-notification-slot .notification-prompt,
  #hazard-notification-slot .notification-status{display:none}
  #hazard-notification-slot .hazard-notification-compact{display:flex}
}
@media(max-width:760px){
  #hazard-notification-slot{grid-row:3}
  #hazard-notification-slot .notification-optin-wrap{padding:2px}
}
/* Desktop/tablet notice is informational only: no activation or location button. */
#hazard-notification-slot .notification-phone-only-message{display:none}
#hazard-notification-slot .notification-phone-only .notification-prompt,
#hazard-notification-slot .notification-phone-only .notification-status,
#hazard-notification-slot .notification-phone-only .hazard-notification-compact{display:none}
#hazard-notification-slot .notification-phone-only .notification-phone-only-message{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;
  padding:14px 7px;border:1px solid #25566d;border-radius:12px;
  background:linear-gradient(160deg,#0b3551,#06192c);text-align:center;
}
#hazard-notification-slot .notification-phone-only-message i{color:#69dcef;font-size:28px}
#hazard-notification-slot .notification-phone-only-message strong{color:#69dcef;font-size:13px;line-height:1.4}
#hazard-notification-slot .notification-phone-only-message span{color:#aec9d9;font-size:12px;line-height:1.45}
@media(max-width:900px),(max-height:680px){
  #hazard-notification-slot .notification-phone-only .notification-phone-only-message{gap:5px;padding:6px 3px}
  #hazard-notification-slot .notification-phone-only-message span{display:none}
#hazard-notification-slot .notification-phone-only-message strong{font-size:11px;line-height:1.3}
#hazard-notification-slot .notification-phone-only-message i{font-size:16px}
}

/* v10.31 — central forecast captions, full moon framing and alert spacing. */
.eyebrow{
  display:flex;
  align-items:center;
  gap:7px;
  min-width:0;
}
.eyebrow>.live-dot{
  flex:0 0 7px;
  margin-right:0;
}
.eyebrow>[data-forecast-heading]{
  flex:1 1 auto;
  width:auto;
}
[data-forecast-heading]>.forecast-heading-separator{
  display:inline-block;
  white-space:pre;
}
.hero-card.hero-preserve-moon .hero-landmark-image{
  object-position:center 18%;
}
/* Keep the Thessaloniki moon in view when the image pane narrows on tablets. */
#greece-fixed-weather .hero-card.hero-preserve-moon .hero-landmark-image{
  object-position:70% 18%;
}
#page-home.active-page>#now.hero-section{padding-top:8px}
#site-pages>.site-page.active-page>section:first-child{padding-top:8px}
.nav-messages-area:has(#public-alerts:not(:empty)) + #site-pages #page-home.active-page>#now.hero-section{
  padding-top:8px;
}
.nav-messages-area #public-alerts:not(:empty) .weather-alert{
  width:100%;
  min-height:54px;
}
@media(max-width:760px){
  .nav-messages-area:has(#public-alerts:not(:empty)) + #site-pages>.site-page.active-page>section:first-child{padding-top:6px}
}
@container wg-notifications (max-height:400px){
  #hazard-notification-slot .notification-phone-only .notification-phone-only-message{gap:5px;padding:6px 3px}
  #hazard-notification-slot .notification-phone-only-message span{display:none}
  #hazard-notification-slot .notification-phone-only-message strong{font-size:11px;line-height:1.3}
  #hazard-notification-slot .notification-phone-only-message i{font-size:16px}
}

/* v10.33 — Greece: two photographic regions, then lightweight Attica-style forecasts. */
.greece-compact-directory{
  margin-top:18px;
  padding:16px;
  border:1px solid rgba(72,188,240,.18);
  border-radius:18px;
  background:linear-gradient(155deg,rgba(8,38,67,.9),rgba(4,22,41,.96));
}
.greece-compact-main-head{margin-bottom:16px}
.greece-compact-groups{display:grid;gap:18px}
.greece-compact-group{
  display:grid;
  gap:10px;
  padding-top:2px;
}
.greece-compact-group+.greece-compact-group{
  padding-top:17px;
  border-top:1px solid rgba(75,193,247,.16);
}
.greece-compact-group-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
}
.greece-compact-group-head span{
  color:#55d9ff;
  font-size:.54rem;
  font-weight:900;
  letter-spacing:.08em;
}
.greece-compact-group-head h2{
  margin:3px 0 0;
  color:#f1f8ff;
  font-size:.92rem;
}
.greece-compact-group-head small{
  color:#7fa2ba;
  font-size:.55rem;
  white-space:nowrap;
}
.greece-compact-card>header{
  background:linear-gradient(90deg,rgba(31,198,190,.14),rgba(45,169,218,.08));
  border-bottom-color:rgba(67,217,211,.2);
}
/* V10.43 draft: one viewport height for static destination previews. */
:root{--wg-static-photo-height:230px}
.crete-feature-visual{height:var(--wg-static-photo-height)}
.regional-photo-meta,.travel-photo-meta{min-height:26px}
@media(max-width:760px){:root{--wg-static-photo-height:205px}}
@media(max-width:780px){
  .greece-compact-directory{padding:12px;margin-top:12px}
  .greece-compact-group-head{align-items:center}
}

/* V10.45: nine destinations after removing the news section. */
@media(min-width:1101px){.main-nav .nav-inner-ten{grid-template-columns:repeat(9,minmax(0,1fr))}}
@media(min-width:861px) and (max-width:1100px){.main-nav .nav-inner-ten{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* V10.46: complete Athens/Thessaloniki photos, including sky/moon and foreground.
   Other landmarks keep their own framing. */
.hero-card:is(.hero-athens,.hero-thessaloniki) .hero-visual{
  aspect-ratio:1672 / 941;
  min-height:0!important;
  height:auto!important;
  align-self:center;
}
.hero-card:is(.hero-athens,.hero-thessaloniki) .hero-landmark-image{
  object-fit:contain;
  object-position:center!important;
  transform:none!important;
}
.hero-card:is(.hero-athens,.hero-thessaloniki) .hero-visual-shade{
  background:linear-gradient(90deg,rgba(6,27,52,.42),transparent 12%,transparent 94%,rgba(3,14,29,.2))!important;
}
@media(min-width:761px) and (max-width:900px){
  .hero-card:is(.hero-athens,.hero-thessaloniki){grid-template-columns:1fr!important;min-height:0!important}
  .hero-card:is(.hero-athens,.hero-thessaloniki) .hero-visual{order:-1!important}
}

/* 10.59: stable, compact primary navigation; all ten destinations stay in one row. */
@media(min-width:861px){
  .main-nav .nav-inner-ten{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:5px;overflow:visible;align-items:center;padding-block:6px}
  .main-nav .nav-inner-ten>a{min-width:0;height:42px;padding:0 3px;border-radius:12px;font-size:clamp(.54rem,.68vw,.7rem);white-space:nowrap;transition:background-color .15s,border-color .15s}
}
@media(min-width:861px) and (max-width:1199px){
  .main-nav .nav-inner-ten{display:flex;overflow-x:auto;scrollbar-width:thin;scroll-snap-type:x proximity}
  .main-nav .nav-inner-ten>a{flex:0 0 auto;min-width:100px;padding-inline:9px;scroll-snap-align:start}
}
@media(max-width:860px){
  .main-nav .nav-inner-ten{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .main-nav .nav-inner-ten>a{min-width:0}
}

/* Desktop navigation: a thin glass highlight instead of ten solid boxes. */
@media(min-width:1200px){
  .main-nav .nav-inner-ten>a{
    border:0;
    border-bottom:1px solid rgba(178,231,245,.26);
    border-radius:3px;
    background:linear-gradient(180deg,rgba(223,246,255,.13),rgba(76,171,205,.035));
    color:#d9f4fb;
    box-shadow:inset 0 1px rgba(255,255,255,.12);
    backdrop-filter:blur(10px);
  }
  .main-nav .nav-inner-ten>a:hover,.main-nav .nav-inner-ten>a.active{
    border-bottom:2px solid #77dfef;
    background:linear-gradient(180deg,rgba(215,245,255,.19),rgba(51,147,182,.08));
    color:#fff;
    box-shadow:inset 0 1px rgba(255,255,255,.2);
  }
  .main-nav .nav-inner-ten>a:focus-visible{outline:2px solid #a5efff;outline-offset:2px}
}

/* 10.60: a static location photograph follows the local sunset without
   changing the forecast card's dimensions or the map layout. */
.crete-feature-card.wg-night-visual .crete-feature-visual img,
#greece-fixed-weather .hero-card.wg-night-visual .hero-landmark-image{
  filter:brightness(.62) saturate(.82) hue-rotate(8deg);
  transition:filter .3s ease;
}
.forecast-inline-alert-yellow img{outline:1px solid #e6cd58}
.forecast-inline-alert-orange img{outline:1px solid #f29a50}
.forecast-inline-alert-red img{outline:1px solid #e65b65}
.forecast-inline-alert-purple img{outline:1px solid #ac83df}