/* Sobhe Kish 2.14.0 – Weather forecast panel. Scoped to avoid interfering with news/ship modules. */
.skh-services-stack .skh-weather-card{min-width:0;overflow:hidden;padding:0;border-radius:var(--skn-radius,14px);background:#fff;color:#102740}
.skh-weather-card *{box-sizing:border-box}
.skh-weather-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 18px 11px;border-bottom:1px solid #edf1f6}
.skh-weather-eyebrow{display:block;margin-bottom:3px;color:var(--skn-accent,#e31836);font-size:10px;font-weight:900;letter-spacing:0}
.skh-weather-head h2{font-size:17px;line-height:1.55;margin:0;font-weight:900;color:var(--skn-navy,#0e2945)}
.skh-weather-location{display:flex;align-items:center;gap:4px;white-space:nowrap;color:#65768d;font-size:10px;font-weight:700}
.skh-weather-location svg{flex:0 0 auto}
.skh-weather-current{display:flex;align-items:center;justify-content:space-between;gap:13px;padding:16px 18px 15px;background:linear-gradient(118deg,#102b49,#16415f)}
.skh-weather-conditions{display:flex;gap:10px;align-items:center;min-width:0}
.skh-weather-conditions>.skh-weather-icon{color:#b2d6f1;width:45px;height:45px;flex:0 0 auto}
.skh-weather-conditions>div{min-width:0}
.skh-weather-conditions span{font-size:10px;color:#b8c9d8;display:block;margin-bottom:4px}
.skh-weather-conditions strong{display:block;font-size:15px;line-height:1.5;color:#fff;font-weight:900}
.skh-weather-temperature{display:flex;flex-direction:column;align-items:end;flex:0 0 auto;line-height:1}
.skh-weather-temperature strong{font-size:43px;line-height:1;font-weight:900;letter-spacing:-1px;color:#fff}
.skh-weather-temperature strong small{font-size:22px;vertical-align:top;line-height:1.5}
.skh-weather-temperature span{font-size:10px;color:#c1d3e3;margin-top:8px}
.skh-weather-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:13px 12px 15px;gap:7px;border-block:1px solid #e9eef5}
.skh-weather-stats>div{min-width:0;padding:8px 5px;text-align:center;border-left:1px solid #edf1f6}
.skh-weather-stats>div:last-child{border-left:0}
.skh-weather-stats span{display:block;margin-bottom:7px;font-size:10px;color:#77899d;line-height:1.6}
.skh-weather-stats strong{display:block;font-size:13px;font-weight:900;color:#244464;white-space:normal;line-height:1.7}
.skh-weather-stats strong small{font-size:9px;font-weight:700}
.skh-weather-days{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:13px 17px 15px}
.skh-weather-day{display:grid;grid-template-rows:auto 29px auto;grid-template-columns:1fr 1fr;justify-items:center;align-items:center;gap:4px;padding:10px 4px 9px;border-radius:12px;border:1px solid #e8edf3;background:#fafbfd;min-width:0}
.skh-weather-day>span{grid-column:1/-1;font-size:10px;font-weight:800;color:#65798d}
.skh-weather-day svg{grid-column:1/-1;width:28px;height:28px;color:#477394}
.skh-weather-day strong,.skh-weather-day small{font-size:12px;color:#1d3955;font-weight:900}
.skh-weather-day small{font-size:11px;color:#8a9bac}
.skh-weather-updated{padding:0 18px;margin:0 0 10px;font-size:10px;line-height:1.8;color:#8795a5}
.skh-weather-credit{font-size:10px;line-height:1.8;color:#8190a1;padding:10px 18px;margin:0;border-top:1px solid #edf1f6;background:#fafbfc}
.skh-weather-credit a{color:#44688b;text-underline-offset:3px;text-decoration:underline}
.skh-weather-credit a:hover{color:var(--skn-accent)}
.skh-weather-unavailable{padding:22px 18px;display:flex;gap:12px;align-items:flex-start;color:#637b91}
.skh-weather-unavailable svg{flex:0 0 auto}
.skh-weather-unavailable strong{display:block;color:#1c3957;font-size:13px;line-height:1.8}
.skh-weather-unavailable p{font-size:11px;line-height:2;margin:4px 0 0;color:#708399}
/* At widths where flight/ship panels occupy a two-column tablet grid, the weather gets a full row after both. */
@media(min-width:651px) and (max-width:900px){
  .skh-services-stack>.skh-weather-card{grid-column:1/-1}
  .skh-weather-current{padding:18px 22px}
  .skh-weather-stats{padding-inline:16px}
}
@media(max-width:390px){
  .skh-weather-head{padding:14px 12px 10px}
  .skh-weather-current{padding:14px 12px;gap:9px}
  .skh-weather-temperature strong{font-size:37px}
  .skh-weather-conditions>.skh-weather-icon{width:37px;height:37px}
  .skh-weather-stats{padding:10px 7px;gap:0}
  .skh-weather-stats strong{font-size:11px}
  .skh-weather-days{gap:6px;padding-inline:10px}
}
@media(prefers-reduced-motion:reduce){.skh-weather-card *{transition:none!important;animation:none!important}}
