/* Forecast page (component com_weather). The sidebar block is styled in templates/xp.winupdate.like/css/blocks.css. */
.wx{font:15px/1.45 -apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:#0f172a;max-width:860px;margin:0 0 24px}
.wx *{box-sizing:border-box}
.wx-hero{border-radius:18px;padding:22px 24px;color:#fff;background:linear-gradient(135deg,#2563eb,#38bdf8);box-shadow:0 6px 20px rgba(37,99,235,.25)}
.wx-hero.night{background:linear-gradient(135deg,#0f172a,#334155);box-shadow:0 6px 20px rgba(15,23,42,.35)}
.wx-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.wx-place{font-size:14px;opacity:.9}
.wx-main{display:flex;align-items:center;gap:14px;margin-top:6px}
.wx-main .wx-ico{width:84px;height:84px;flex:none}
.wx-temp{font-size:64px;font-weight:300;line-height:1}
.wx-desc{font-size:19px;font-weight:500}
.wx-feel{font-size:14px;opacity:.9}
.wx-sun{font-size:14px;opacity:.9;text-align:right}
.wx-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-top:18px}
.wx-stat{background:rgba(255,255,255,.16);border-radius:12px;padding:10px 12px}
.wx-stat b{display:block;font-size:17px;font-weight:600}
.wx-stat span{font-size:13px;opacity:.85}
.wx-h{font-size:17px;font-weight:600;margin:26px 0 10px}
.wx-hours{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;-webkit-overflow-scrolling:touch}
.wx-hr{flex:0 0 62px;text-align:center;background:#f1f5f9;border-radius:12px;padding:8px 2px;font-size:13px}
.wx-hr .wx-ico{display:block;margin:4px auto}
.wx-hr b{display:block;font-size:15px}
.wx-hr small{display:block;height:16px;color:#0284c7;font-size:12px}
.wx-days{border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;background:#fff}
.wx-day{display:grid;grid-template-columns:110px 44px 48px 1fr 92px;align-items:center;gap:10px;padding:10px 14px;border-top:1px solid #e2e8f0}
.wx-day:first-child{border-top:0}
.wx-dn b{display:block;font-size:15px}
.wx-dn small{color:#64748b;font-size:12px}
.wx-pop{color:#0284c7;font-size:13px}
.wx-bar{position:relative;height:6px;border-radius:3px;background:#e2e8f0}
.wx-bar i{position:absolute;top:0;bottom:0;border-radius:3px;background:linear-gradient(90deg,#38bdf8,#f59e0b)}
.wx-tt{text-align:right;font-size:15px;white-space:nowrap}
.wx-tt span{color:#64748b}
.wx-note{margin:12px 0 0;font-size:12px;color:#64748b}
.wx-note a{color:#2563eb}
@media (max-width:820px){
#ipbwrapper>table,#ipbwrapper>table>tbody,#ipbwrapper>table>tbody>tr{display:block;width:auto}
#ipbwrapper>table>tbody>tr>td{display:block;width:auto}
.wx-day{grid-template-columns:84px 40px 1fr 84px;gap:8px;padding:10px}
.wx-pop,.wx-bar{display:none}
.wx-temp{font-size:52px}
.wx-sun{text-align:left}
}