/* SzőkeMail – időjárás, iOS 26 / Liquid Glass jellegű felület */
.weather-site{background:#06111b!important;color:#fff!important}
.weather-main-page{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
.weather-app{position:relative!important;min-height:100vh!important;overflow:visible!important;background:transparent!important;isolation:isolate!important}
.weather-sky{position:relative!important;width:100%!important;min-height:calc(100svh - 72px)!important;padding:18px 16px 34px!important;overflow:visible!important;background:transparent!important;isolation:auto!important}
.weather-app:before{content:""!important;position:fixed!important;inset:0!important;z-index:0!important;background-position:center center!important;background-size:cover!important;background-repeat:no-repeat!important;background-attachment:fixed!important;background-color:#183247!important;pointer-events:none!important}
.weather-app:after{content:""!important;position:fixed!important;inset:0!important;z-index:1!important;background:linear-gradient(180deg,rgba(2,12,22,.02) 0%,rgba(2,12,22,.08) 55%,rgba(2,12,22,.24) 100%)!important;pointer-events:none!important}
.weather-content{position:relative!important;z-index:2!important;width:min(1120px,100%)!important;margin:0 auto!important;display:flex!important;flex-direction:column!important;gap:12px!important}
.current-glass-card{width:100%!important;display:grid!important;grid-template-columns:minmax(280px,1.05fr) minmax(260px,.9fr) minmax(280px,1fr)!important;align-items:stretch!important;gap:0!important;padding:20px 22px!important;border-radius:24px!important;border:1px solid rgba(255,255,255,.30)!important;background:linear-gradient(135deg,rgba(15,48,75,.44),rgba(17,75,116,.28))!important;box-shadow:0 18px 50px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.18)!important;backdrop-filter:blur(22px) saturate(135%)!important;-webkit-backdrop-filter:blur(22px) saturate(135%)!important}
.current-left{padding-right:24px!important;border-right:1px solid rgba(255,255,255,.16)!important}
.weather-location{font-size:clamp(28px,3vw,40px)!important;font-weight:650!important;letter-spacing:-.8px!important;text-shadow:0 2px 15px rgba(0,0,0,.25)!important}
.weather-condition{font-size:16px!important;margin-top:3px!important;color:rgba(255,255,255,.90)!important}
.current-mainline{display:flex!important;align-items:center!important;gap:12px!important;margin-top:7px!important}
.weather-big-icon{width:74px!important;height:74px!important;display:grid!important;place-items:center!important;flex:0 0 auto!important}
.weather-current-temp{font-size:clamp(65px,7vw,92px)!important;font-weight:300!important;letter-spacing:-5px!important;line-height:.92!important}
.weather-current-range{margin-top:4px!important;font-size:15px!important;color:rgba(255,255,255,.88)!important}
.current-metrics{padding:0 25px!important;display:grid!important;grid-template-columns:1fr 1fr!important;align-content:center!important;gap:0 26px!important}
.metric{display:flex!important;align-items:baseline!important;justify-content:space-between!important;gap:10px!important;padding:8px 0!important;border-bottom:1px solid rgba(255,255,255,.10)!important}
.metric:nth-last-child(-n+1){grid-column:1/-1!important}
.metric span{font-size:12px!important;color:rgba(255,255,255,.70)!important}.metric strong{font-size:15px!important;font-weight:600!important;color:#fff!important;white-space:nowrap!important}
.today-summary{padding-left:26px!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
.summary-kicker{font-size:12px!important;letter-spacing:.8px!important;text-transform:uppercase!important;color:rgba(255,255,255,.66)!important}
.today-summary h2{font-size:21px!important;margin:4px 0 5px!important;font-weight:650!important}
.today-summary p{font-size:14px!important;line-height:1.48!important;margin:0!important;color:rgba(255,255,255,.88)!important}
.summary-extra{margin-top:8px!important;font-size:12px!important;color:#d4efff!important}
.ios-panel{width:100%!important;margin:0!important;padding:15px 16px 16px!important;border:1px solid rgba(255,255,255,.27)!important;border-radius:22px!important;background:rgba(9,31,49,.38)!important;box-shadow:0 15px 40px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.12)!important;backdrop-filter:blur(20px) saturate(130%)!important;-webkit-backdrop-filter:blur(20px) saturate(130%)!important}
.ios-panel-title{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:10px!important;color:#fff!important;font-size:17px!important;font-weight:700!important;margin:1px 3px 11px!important}
.ios-panel-title span:last-child{font-size:12px!important;font-weight:500!important;color:rgba(255,255,255,.65)!important}
.hourly-strip{display:grid!important;grid-template-columns:repeat(12,minmax(82px,1fr))!important;gap:7px!important;overflow-x:auto!important;overflow-y:hidden!important;padding-bottom:2px!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:thin!important}
.hour-item{min-height:143px!important;padding:9px 5px!important;border-radius:17px!important;text-align:center!important;background:rgba(255,255,255,.075)!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.10)!important}
.hour-item>div:first-child{font-size:12px!important;color:#dcebf6!important}.hour-icon{height:58px!important;display:grid!important;place-items:center!important;margin:3px 0!important}.hour-item strong{display:block!important;font-size:20px!important;font-weight:550!important}.hour-item small{display:block!important;margin-top:6px!important;color:#9cdbff!important;font-size:12px!important}.hour-rain{font-size:11px!important;color:rgba(255,255,255,.72)!important;margin-top:2px!important}
.wx-svg{width:49px!important;height:49px!important;fill:none!important;stroke:#f8fbff!important;stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important;filter:drop-shadow(0 3px 8px rgba(0,0,0,.20))!important}
.wx-sun{stroke:#ffd83d!important}.wx-partly{stroke:#ffd83d!important}.wx-rain{stroke:#8edaff!important}.wx-snow{stroke:#fff!important}.wx-storm{stroke:#f5e55a!important}.wx-cloud{stroke:#eef6ff!important}.wx-fog{stroke:#d9e6ee!important}
.ten-day{display:flex!important;flex-direction:column!important}
.ten-day-row{display:grid!important;grid-template-columns:72px 54px minmax(190px,1fr) 180px 110px!important;align-items:center!important;gap:10px!important;min-height:74px!important;padding:5px 2px!important;border-top:1px solid rgba(255,255,255,.10)!important}
.ten-day-row:first-child{border-top:0!important}
.ten-day-name{font-size:15px!important;font-weight:650!important}.ten-day-icon{display:grid!important;place-items:center!important}.ten-day-icon .wx-svg{width:43px!important;height:43px!important}.ten-day-desc{font-size:13px!important;color:rgba(255,255,255,.72)!important}
.ten-day-temp{display:grid!important;grid-template-columns:42px 1fr 42px!important;align-items:center!important;gap:7px!important}.ten-day-temp span{font-size:14px!important;color:#9ed8ff!important;text-align:right!important}.ten-day-temp b{font-size:15px!important;color:#fff!important}.temp-track{height:6px!important;border-radius:999px!important;background:linear-gradient(90deg,#6dbfff,#ffd33d,#ff805e)!important;position:relative!important;box-shadow:inset 0 1px 2px rgba(0,0,0,.20)!important}.temp-dot{position:absolute!important;top:50%!important;left:var(--p)!important;width:11px!important;height:11px!important;border-radius:50%!important;background:#fff!important;border:2px solid rgba(255,255,255,.85)!important;transform:translate(-50%,-50%)!important;box-shadow:0 1px 6px rgba(0,0,0,.35)!important}.ten-day-rain{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important;white-space:nowrap!important}.ten-day-rain strong{color:#9bd7ff!important;font-size:14px!important}.ten-day-rain small{color:rgba(255,255,255,.66)!important;font-size:11px!important}
.rain-chart{display:flex!important;flex-direction:column!important;gap:5px!important}.rain-row{display:grid!important;grid-template-columns:70px 45px minmax(120px,1fr) 60px 45px!important;align-items:center!important;gap:8px!important;min-height:44px!important}.rain-row>div:first-child{font-size:13px!important;font-weight:600!important}.rain-icon .wx-svg{width:34px!important;height:34px!important}.rain-bar{height:7px!important;border-radius:99px!important;background:rgba(255,255,255,.10)!important;overflow:hidden!important}.rain-bar span{display:block!important;height:100%!important;border-radius:99px!important;background:linear-gradient(90deg,#68c8ff,#9ee8ff)!important}.rain-row strong{font-size:12px!important;color:#dff6ff!important}.rain-row small{font-size:11px!important;color:#9ed8ff!important;text-align:right!important}
.ios-water{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}.ios-water .water-card{position:relative!important;overflow:hidden!important;min-height:190px!important;padding:0!important;background-color:#183247!important;background-size:cover!important;background-position:center!important;border:1px solid rgba(255,255,255,.25)!important;border-radius:20px!important;box-shadow:0 10px 25px rgba(0,0,0,.18)!important}.ios-water .water-card:before{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(4,17,30,.04),rgba(4,13,21,.14) 42%,rgba(4,13,21,.82) 100%)!important;z-index:0!important}.water-card-content{position:relative!important;z-index:1!important;min-height:190px!important;padding:16px!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;text-shadow:0 2px 8px rgba(0,0,0,.60)!important}.water-place{font-size:12px!important;color:rgba(255,255,255,.76)!important}.water-card-content h3{font-size:clamp(17px,2vw,23px)!important;line-height:1.12!important;margin:1px 0!important}.ios-water .water-card strong{font-size:clamp(27px,3vw,36px)!important;font-weight:500!important;margin:4px 0 0!important}.water-card-content p{font-size:11px!important;line-height:1.35!important;margin:3px 0 0!important;color:rgba(255,255,255,.78)!important}
.water-balaton{background-image:url('balaton.png')!important}.water-velence{background-image:url('velencei-to.png')!important}.water-adria{background-image:url('adria.png')!important}
.water-source{margin:12px 2px 0!important;color:#8f99a7!important;font-size:12px!important}.water-source a{color:#9bdcff!important}.weather-disclaimer{width:100%!important;margin:1px auto 0!important;color:rgba(255,255,255,.56)!important;font-size:11px!important;text-align:center!important}.weather-loading{padding:22px!important;text-align:center!important;color:#c7d8e5!important}
.weather-site .site-header,.weather-site .header-inner,.weather-site .brand,.weather-site .menu-btn{position:relative!important;transform:none!important}
.weather-site .site-header:before,.weather-site .site-header:after,.weather-site .header-inner:before,.weather-site .header-inner:after,.weather-site .menu-btn:before,.weather-site .menu-btn:after{content:none!important;display:none!important}
/* Időjárási háttérképek: kizárólag a nagy felbontású PNG fájlok használata. */
.weather-site.weather-clear .weather-app:before,
.weather-site.weather-mostly-clear .weather-app:before{background-image:url('weather-bg/sunny.png')!important}
.weather-site.weather-partly-cloudy .weather-app:before{background-image:url('weather-bg/sunny-cloudy.png')!important}
.weather-site.weather-cloudy .weather-app:before{background-image:url('weather-bg/cloudy.png')!important}
.weather-site.weather-fog .weather-app:before{background-image:url('weather-bg/foggy.png')!important}
.weather-site.weather-drizzle .weather-app:before,
.weather-site.weather-rain .weather-app:before,
.weather-site.weather-heavy-rain .weather-app:before,
.weather-site.weather-showers .weather-app:before{background-image:url('weather-bg/rainy.png')!important}
.weather-site.weather-snow .weather-app:before{background-image:url('weather-bg/snowy.png')!important}
.weather-site.weather-storm .weather-app:before{background-image:url('weather-bg/storming.png')!important}

/* Éjszakai PNG háttérképek. */
.weather-site.weather-night.weather-clear .weather-app:before{background-image:url('weather-bg/night-moon.png')!important}
.weather-site.weather-night.weather-mostly-clear .weather-app:before,
.weather-site.weather-night.weather-partly-cloudy .weather-app:before{background-image:url('weather-bg/night-cloudy-moon.png')!important}
.weather-site.weather-night.weather-cloudy .weather-app:before{background-image:url('weather-bg/night-cloudy.png')!important}
.weather-site.weather-night.weather-fog .weather-app:before{background-image:url('weather-bg/night-foggy.png')!important}
.weather-site.weather-night.weather-drizzle .weather-app:before,
.weather-site.weather-night.weather-rain .weather-app:before,
.weather-site.weather-night.weather-heavy-rain .weather-app:before,
.weather-site.weather-night.weather-showers .weather-app:before{background-image:url('weather-bg/night-rainy.png')!important}
.weather-site.weather-night.weather-snow .weather-app:before{background-image:url('weather-bg/night-snowy.png')!important}
.weather-site.weather-night.weather-storm .weather-app:before{background-image:url('weather-bg/night-storming.png')!important}
@media(max-width:850px){
 .weather-sky{padding:10px 10px 24px!important}
 .weather-content{gap:9px!important}
 .current-glass-card{grid-template-columns:1fr 1fr!important;padding:16px!important;border-radius:21px!important}
 .current-left{border-right:1px solid rgba(255,255,255,.14)!important;padding-right:15px!important}
 .current-metrics{padding:0 0 0 15px!important;align-content:start!important}
 .today-summary{grid-column:1/-1!important;border-top:1px solid rgba(255,255,255,.14)!important;padding:13px 0 0!important;margin-top:2px!important}
 .today-summary h2{font-size:18px!important}
 .ios-panel{padding:13px!important;border-radius:19px!important}
 .ios-panel-title{font-size:15px!important;margin-bottom:9px!important}
 .hourly-strip{grid-template-columns:repeat(12,76px)!important}
 .hour-item{min-height:137px!important}
 .ten-day-row{grid-template-columns:55px 45px minmax(100px,1fr) 86px!important;gap:6px!important}
 .ten-day-desc{display:none!important}
 .ten-day-temp{grid-template-columns:30px 1fr 32px!important;gap:5px!important}.ten-day-temp span,.ten-day-temp b{font-size:13px!important}
 .ten-day-rain{font-size:12px!important}.ten-day-rain small{display:none!important}
 .rain-row{grid-template-columns:48px 38px minmax(70px,1fr) 52px 40px!important;gap:5px!important}
 .ios-water{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
 .ios-water .water-card,.water-card-content{min-height:170px!important}.water-card-content{padding:11px!important}
 .water-card-content h3{font-size:14px!important}.ios-water .water-card strong{font-size:23px!important}.water-card-content p{font-size:9px!important}
}
@media(max-width:560px){
 .current-glass-card{grid-template-columns:1fr!important;padding:14px!important}
 .current-left{border-right:0!important;padding:0 0 10px!important}
 .current-mainline{justify-content:flex-start!important}
 .weather-big-icon{width:64px!important;height:64px!important}.weather-current-temp{font-size:72px!important}
 .weather-location{font-size:30px!important}.weather-condition{font-size:14px!important}
 .current-metrics{padding:9px 0 0!important;border-top:1px solid rgba(255,255,255,.13)!important;grid-template-columns:1fr 1fr!important}
 .metric{padding:6px 2px!important}.metric span{font-size:11px!important}.metric strong{font-size:13px!important}
 .today-summary{padding-top:11px!important}.today-summary p{font-size:13px!important}
 .hourly-strip{grid-template-columns:repeat(12,74px)!important}
 .ios-panel-title span:last-child{font-size:10px!important}
 .ten-day-row{grid-template-columns:44px 40px minmax(74px,1fr) 73px!important;min-height:66px!important}
 .ten-day-name{font-size:12px!important}.ten-day-icon .wx-svg{width:36px!important;height:36px!important}
 .ten-day-temp{grid-template-columns:27px 1fr 29px!important}.ten-day-temp span,.ten-day-temp b{font-size:12px!important}
 .ten-day-rain strong{font-size:11px!important}
 .rain-row{grid-template-columns:43px 34px minmax(50px,1fr) 47px 34px!important}.rain-row>div:first-child{font-size:11px!important}.rain-row strong,.rain-row small{font-size:10px!important}
 .ios-water{grid-template-columns:1fr!important}.ios-water .water-card,.water-card-content{min-height:145px!important}.water-card-content h3{font-size:17px!important}.ios-water .water-card strong{font-size:28px!important}.water-card-content p{font-size:10px!important}
}

/* PC: a napi előrejelzés oszlopai legyenek szorosan egymás mellett,
   a felszabaduló helyet pedig a hőmérsékleti sáv használja ki. */
@media(min-width:851px){
 .weather-sky{padding-top:30px!important}
 .ten-day-row{
   grid-template-columns:58px 52px 145px minmax(260px,1fr) 108px!important;
   gap:10px!important;
 }
}

/* Mobil: csak néhány pixellel több hely a felső háttérnek; az elrendezéshez nem nyúlunk. */
@media(max-width:560px){
 .weather-sky{padding-top:14px!important}
}

/* V4 – csak a legfelső, aktuális időjárás-kártya legyen teljesen áttetsző.
   Minden más időjárási kártya/panel változatlan marad. */
.current-glass-card{
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

/* A háttérkép közvetlenül a kártya mögött marad, a szöveg pedig minden képen jól olvasható. */
.current-glass-card,
.current-glass-card .weather-location,
.current-glass-card .weather-condition,
.current-glass-card .weather-current-temp,
.current-glass-card .weather-current-range,
.current-glass-card .metric span,
.current-glass-card .metric strong,
.current-glass-card .summary-kicker,
.current-glass-card .today-summary h2,
.current-glass-card .today-summary p,
.current-glass-card .summary-extra{
  text-shadow:
    0 2px 3px rgba(0,0,0,.92),
    0 4px 10px rgba(0,0,0,.72),
    0 0 2px rgba(0,0,0,.95)!important;
}

.current-glass-card .current-left,
.current-glass-card .current-metrics,
.current-glass-card .today-summary{
  background:transparent!important;
}

.current-glass-card .current-left{
  border-right-color:rgba(255,255,255,.18)!important;
}
.current-glass-card .metric{
  border-bottom-color:rgba(255,255,255,.18)!important;
}
.current-glass-card .today-summary{
  border-top-color:rgba(255,255,255,.18)!important;
}

.current-glass-card .wx-svg{
  filter:drop-shadow(0 3px 5px rgba(0,0,0,.75))
         drop-shadow(0 0 3px rgba(0,0,0,.45))!important;
}


/* V6 – felső időjárási kártya finomítása: nincs ismétlődő minimum/maximum sor.
   Az összes mérőadat egységes, erős fehér tipográfiával jelenik meg. */
.current-glass-card .current-left,
.current-glass-card .current-metrics,
.current-glass-card .today-summary{min-width:0!important}
.current-glass-card .metric{min-height:42px!important;align-items:center!important;padding:8px 0!important}
.current-glass-card .metric span,
.current-glass-card .metric strong{font-size:15px!important;font-weight:750!important;color:#fff!important;line-height:1.2!important;text-shadow:0 2px 3px rgba(0,0,0,.95),0 4px 10px rgba(0,0,0,.78),0 0 2px rgba(0,0,0,1)!important}
.current-glass-card .today-summary .summary-kicker,
.current-glass-card .today-summary h2,
.current-glass-card .today-summary p,
.current-glass-card .today-summary .summary-extra{color:#fff!important;text-shadow:0 2px 3px rgba(0,0,0,.95),0 4px 10px rgba(0,0,0,.78),0 0 2px rgba(0,0,0,1)!important}
.current-glass-card .today-summary .summary-kicker{font-size:13px!important;font-weight:650!important;letter-spacing:.9px!important}
.current-glass-card .today-summary h2{font-size:22px!important;font-weight:800!important}
.current-glass-card .today-summary p{font-size:15px!important;font-weight:650!important;line-height:1.48!important}
.current-glass-card .summary-extra{font-size:13px!important;font-weight:700!important}

/* Mobil: a felső kártya minden adata egymás alatt, jól olvashatóan. */
@media(max-width:560px){
 .current-glass-card{display:block!important;padding:14px!important}
 .current-left{padding:0 0 12px!important}
 .current-mainline{gap:14px!important;margin-top:9px!important}
 .weather-big-icon{width:70px!important;height:70px!important}
 .weather-current-temp{font-size:76px!important;letter-spacing:-4px!important}
 .weather-location{font-size:31px!important;font-weight:750!important}
 .weather-condition{font-size:16px!important;font-weight:650!important}
 .current-metrics{display:flex!important;flex-direction:column!important;gap:0!important;padding:5px 0 0!important;border-top:1px solid rgba(255,255,255,.22)!important}
 .current-glass-card .metric{width:100%!important;min-height:43px!important;padding:7px 2px!important;justify-content:space-between!important;border-bottom:1px solid rgba(255,255,255,.20)!important}
 .current-glass-card .metric span,.current-glass-card .metric strong{font-size:15px!important;font-weight:800!important}
 .today-summary{padding:13px 0 0!important;margin-top:2px!important;border-top:0!important}
 .current-glass-card .today-summary .summary-kicker{font-size:13px!important}
 .current-glass-card .today-summary h2{font-size:21px!important;margin:4px 0 6px!important}
 .current-glass-card .today-summary p{font-size:15px!important;line-height:1.48!important}
 .current-glass-card .summary-extra{font-size:13px!important;margin-top:8px!important}
}

/* Külön mobilos háttérképek: a 4:3-as PC képeken a Hold és más fő elemek
   mobilon túl nagyra vágnának, ezért keskeny, álló változatokat használunk. */
@media(max-width:700px){
 .weather-site.weather-clear .weather-app:before,
 .weather-site.weather-mostly-clear .weather-app:before{background-image:url('weather-bg/mobile/sunny.png')!important}
 .weather-site.weather-partly-cloudy .weather-app:before{background-image:url('weather-bg/mobile/sunny-cloudy.png')!important}
 .weather-site.weather-cloudy .weather-app:before{background-image:url('weather-bg/mobile/cloudy.png')!important}
 .weather-site.weather-fog .weather-app:before{background-image:url('weather-bg/mobile/foggy.png')!important}
 .weather-site.weather-drizzle .weather-app:before,
 .weather-site.weather-rain .weather-app:before,
 .weather-site.weather-heavy-rain .weather-app:before,
 .weather-site.weather-showers .weather-app:before{background-image:url('weather-bg/mobile/rainy.png')!important}
 .weather-site.weather-snow .weather-app:before{background-image:url('weather-bg/mobile/snowy.png')!important}
 .weather-site.weather-storm .weather-app:before{background-image:url('weather-bg/mobile/storming.png')!important}
 .weather-site.weather-night.weather-clear .weather-app:before{background-image:url('weather-bg/mobile/night-moon.png')!important}
 .weather-site.weather-night.weather-mostly-clear .weather-app:before,
 .weather-site.weather-night.weather-partly-cloudy .weather-app:before{background-image:url('weather-bg/mobile/night-cloudy-moon.png')!important}
 .weather-site.weather-night.weather-cloudy .weather-app:before{background-image:url('weather-bg/mobile/night-cloudy.png')!important}
 .weather-site.weather-night.weather-fog .weather-app:before{background-image:url('weather-bg/mobile/night-foggy.png')!important}
 .weather-site.weather-night.weather-drizzle .weather-app:before,
 .weather-site.weather-night.weather-rain .weather-app:before,
 .weather-site.weather-night.weather-heavy-rain .weather-app:before,
 .weather-site.weather-night.weather-showers .weather-app:before{background-image:url('weather-bg/mobile/night-rainy.png')!important}
 .weather-site.weather-night.weather-snow .weather-app:before{background-image:url('weather-bg/mobile/night-snowy.png')!important}
 .weather-site.weather-night.weather-storm .weather-app:before{background-image:url('weather-bg/mobile/night-storming.png')!important}
 .weather-app:before{background-size:auto 100vh!important;background-position:center top!important;background-attachment:fixed!important}
}

/* V6 – felső időjárási kártya finomítása: nincs ismétlődő minimum/maximum sor. */
.current-glass-card .current-left,
.current-glass-card .current-metrics,
.current-glass-card .today-summary{min-width:0!important}
.current-glass-card .metric{min-height:42px!important;align-items:center!important;padding:8px 0!important}
.current-glass-card .metric span,
.current-glass-card .metric strong{font-size:15px!important;font-weight:750!important;color:#fff!important;line-height:1.2!important;text-shadow:0 2px 3px rgba(0,0,0,.95),0 4px 10px rgba(0,0,0,.78),0 0 2px rgba(0,0,0,1)!important}
.current-glass-card .today-summary .summary-kicker,
.current-glass-card .today-summary h2,
.current-glass-card .today-summary p,
.current-glass-card .today-summary .summary-extra{color:#fff!important;text-shadow:0 2px 3px rgba(0,0,0,.95),0 4px 10px rgba(0,0,0,.78),0 0 2px rgba(0,0,0,1)!important}
.current-glass-card .today-summary .summary-kicker{font-size:13px!important;font-weight:650!important;letter-spacing:.9px!important}
.current-glass-card .today-summary h2{font-size:22px!important;font-weight:800!important}
.current-glass-card .today-summary p{font-size:15px!important;font-weight:650!important;line-height:1.48!important}
.current-glass-card .summary-extra{font-size:13px!important;font-weight:700!important}

/* Mobil: a felső kártya minden adata egymás alatt, jól olvashatóan. */
@media(max-width:560px){
 .current-glass-card{display:block!important;padding:14px!important}
 .current-left{padding:0 0 12px!important}
 .current-mainline{gap:14px!important;margin-top:9px!important}
 .weather-big-icon{width:70px!important;height:70px!important}
 .weather-current-temp{font-size:76px!important;letter-spacing:-4px!important}
 .weather-location{font-size:31px!important;font-weight:750!important}
 .weather-condition{font-size:16px!important;font-weight:650!important}
 .current-metrics{display:flex!important;flex-direction:column!important;gap:0!important;padding:5px 0 0!important;border-top:1px solid rgba(255,255,255,.22)!important}
 .current-glass-card .metric{width:100%!important;min-height:43px!important;padding:7px 2px!important;justify-content:space-between!important;border-bottom:1px solid rgba(255,255,255,.20)!important}
 .current-glass-card .metric span,.current-glass-card .metric strong{font-size:15px!important;font-weight:800!important}
 .today-summary{padding:13px 0 0!important;margin-top:2px!important;border-top:0!important}
 .current-glass-card .today-summary .summary-kicker{font-size:13px!important}
 .current-glass-card .today-summary h2{font-size:21px!important;margin:4px 0 6px!important}
 .current-glass-card .today-summary p{font-size:15px!important;line-height:1.48!important}
 .current-glass-card .summary-extra{font-size:13px!important;margin-top:8px!important}
}

/* Külön mobilos háttérképek a 4:3-as PC képek helyett. */
@media(max-width:700px){
 .weather-site.weather-clear .weather-app:before,
 .weather-site.weather-mostly-clear .weather-app:before{background-image:url('weather-bg/mobile/sunny.png')!important}
 .weather-site.weather-partly-cloudy .weather-app:before{background-image:url('weather-bg/mobile/sunny-cloudy.png')!important}
 .weather-site.weather-cloudy .weather-app:before{background-image:url('weather-bg/mobile/cloudy.png')!important}
 .weather-site.weather-fog .weather-app:before{background-image:url('weather-bg/mobile/foggy.png')!important}
 .weather-site.weather-drizzle .weather-app:before,
 .weather-site.weather-rain .weather-app:before,
 .weather-site.weather-heavy-rain .weather-app:before,
 .weather-site.weather-showers .weather-app:before{background-image:url('weather-bg/mobile/rainy.png')!important}
 .weather-site.weather-snow .weather-app:before{background-image:url('weather-bg/mobile/snowy.png')!important}
 .weather-site.weather-storm .weather-app:before{background-image:url('weather-bg/mobile/storming.png')!important}
 .weather-site.weather-night.weather-clear .weather-app:before{background-image:url('weather-bg/mobile/night-moon.png')!important}
 .weather-site.weather-night.weather-mostly-clear .weather-app:before,
 .weather-site.weather-night.weather-partly-cloudy .weather-app:before{background-image:url('weather-bg/mobile/night-cloudy-moon.png')!important}
 .weather-site.weather-night.weather-cloudy .weather-app:before{background-image:url('weather-bg/mobile/night-cloudy.png')!important}
 .weather-site.weather-night.weather-fog .weather-app:before{background-image:url('weather-bg/mobile/night-foggy.png')!important}
 .weather-site.weather-night.weather-drizzle .weather-app:before,
 .weather-site.weather-night.weather-rain .weather-app:before,
 .weather-site.weather-night.weather-heavy-rain .weather-app:before,
 .weather-site.weather-night.weather-showers .weather-app:before{background-image:url('weather-bg/mobile/night-rainy.png')!important}
 .weather-site.weather-night.weather-snow .weather-app:before{background-image:url('weather-bg/mobile/night-snowy.png')!important}
 .weather-site.weather-night.weather-storm .weather-app:before{background-image:url('weather-bg/mobile/night-storming.png')!important}
 .weather-app:before{background-size:auto 100vh!important;background-position:center top!important;background-attachment:fixed!important}
}


/* V8 – mobil időjárási háttér:
   A külön mobil háttérkép teljes képernyős, fix háttérként maradjon a teljes
   időjárásoldal mögött. A tartalom gördül, a háttér nem mozdul el.
   A PC-s háttérkezelést ez a blokk nem módosítja. */
@media (max-width:700px){
  .weather-app{
    position:relative!important;
    min-height:100vh!important;
    background:transparent!important;
  }

  .weather-app:before{
    position:fixed!important;
    top:0!important;
    right:0!important;
    bottom:0!important;
    left:0!important;
    width:100%!important;
    height:100vh!important;
    background-size:cover!important;
    background-position:center top!important;
    background-repeat:no-repeat!important;
    background-attachment:fixed!important;
    z-index:0!important;
    pointer-events:none!important;
  }

  .weather-app:after{
    position:fixed!important;
    top:0!important;
    right:0!important;
    bottom:0!important;
    left:0!important;
    width:100%!important;
    height:100vh!important;
    z-index:1!important;
    pointer-events:none!important;
  }

  .weather-sky{
    position:relative!important;
    z-index:2!important;
    min-height:calc(100vh - 1px)!important;
    background:transparent!important;
  }

  .weather-content{
    position:relative!important;
    z-index:2!important;
  }

  body.weather-site{
    background:transparent!important;
  }
}

/* V9 – mobil háttér méret- és ugrálásjavítás. A 9:16-os mobilképet nem cover-rel nagyítjuk, hanem eredeti képarányban, a viewport magasságára méretezzük. */
@media (max-width:700px){
  .weather-app:before{
    position:fixed!important;
    top:0!important; left:50%!important; right:auto!important; bottom:auto!important;
    width:100vw!important; height:100vh!important;
    transform:translateX(-50%)!important;
    background-size:auto 100vh!important;
    background-position:center top!important;
    background-repeat:no-repeat!important;
    background-attachment:scroll!important;
    z-index:0!important;
  }
  .weather-app:after{position:fixed!important; z-index:1!important;}
  .weather-app,.weather-sky,.weather-content{position:relative!important;}
}


/* V10 – mobil háttér Samsung/iPhone kompatibilitás.
   A 1080x1920-as kép mindig a mobil viewport TELJES szélességére illeszkedik,
   aránytartóan. Nem cover és nem viewport-magasság alapú méretezés.
   A háttér fix, a tartalom gördül fölötte. */
@media (max-width:700px){
  .weather-app:before{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100vw!important;
    height:100vh!important;
    transform:none!important;
    background-size:100vw auto!important;
    background-position:center top!important;
    background-repeat:no-repeat!important;
    background-attachment:scroll!important;
    z-index:0!important;
    pointer-events:none!important;
  }
  .weather-app:after{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100vw!important;
    height:100vh!important;
    z-index:1!important;
    pointer-events:none!important;
  }
}