/* MyWeatha Day Details v76 — follows all theme and custom palette variables */
#weekForecast [data-wa-day-index]{
  cursor:pointer;border-radius:13px;transition:background .2s ease, transform .2s ease;
  touch-action:manipulation;outline-offset:2px;
}
#weekForecast [data-wa-day-index]:hover,
#weekForecast [data-wa-day-index]:focus-visible{
  background:color-mix(in srgb,var(--wa-p,#57c5ff) 13%,transparent);
}
#weekForecast [data-wa-day-index]:active{transform:scale(.987)}
#weekForecast [data-wa-day-index]:focus-visible{outline:2px solid var(--wa-p,#57c5ff)}
.wa-day-dialog{
  box-sizing:border-box;width:min(436px,calc(100vw - 26px));
  max-height:min(78dvh,700px);max-height:min(78svh,700px);
  margin:auto;padding:0;border:1px solid color-mix(in srgb,var(--wa-p,#57c5ff) 35%,transparent);
  border-radius:25px;overflow:hidden;
  color:var(--wa-ink,#f8fcff);
  background:linear-gradient(160deg,color-mix(in srgb,var(--wa-card,#172b49) 87%,var(--wa-p,#57c5ff) 13%),var(--wa-card,#172b49) 72%);
  box-shadow:0 24px 76px rgba(0,0,0,.38),inset 0 1px color-mix(in srgb,var(--wa-ink,#fff) 15%,transparent);
  font-family:inherit;overscroll-behavior:contain;
}
.wa-day-dialog::backdrop{background:rgba(4,11,27,.66);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}
.wa-day-dialog[open]{animation:waDayEnter .23s cubic-bezier(.2,.8,.2,1)}
@keyframes waDayEnter{from{opacity:0;transform:translateY(12px) scale(.975)}to{opacity:1;transform:none}}
.wa-day-sheet{box-sizing:border-box;padding:18px 18px max(18px,env(safe-area-inset-bottom));
  max-height:min(78dvh,700px);max-height:min(78svh,700px);overflow-y:auto;overscroll-behavior:contain;
  scrollbar-width:thin;scrollbar-color:var(--wa-p,#57c5ff) transparent}
.wa-day-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.wa-day-intro{min-width:0}
.wa-day-eyebrow{display:block;font-size:9px;letter-spacing:1.65px;font-weight:800;
  color:var(--wa-sub,#c0daf1);opacity:.92;margin-bottom:5px}
.wa-day-heading{margin:0;font-size:19px;line-height:1.3;font-weight:760;letter-spacing:-.45px}
.wa-day-close,.wa-day-prev,.wa-day-next{
  display:grid;place-items:center;flex:none;cursor:pointer;
  color:var(--wa-ink,#fff);border:1px solid color-mix(in srgb,var(--wa-ink,#fff) 18%,transparent);
  background:color-mix(in srgb,var(--wa-p,#57c5ff) 15%,var(--wa-card,#172b49));
  font-family:inherit;touch-action:manipulation;
}
.wa-day-close{width:34px;height:34px;border-radius:12px;font-size:23px;line-height:1}
.wa-day-close:focus-visible,.wa-day-prev:focus-visible,.wa-day-next:focus-visible{
  outline:2px solid var(--wa-p,#57c5ff);outline-offset:3px}
.wa-day-summary{display:flex;gap:14px;align-items:center;padding:14px;margin-top:15px;
  border:1px solid color-mix(in srgb,var(--wa-p,#57c5ff) 24%,transparent);
  border-radius:17px;background:linear-gradient(115deg,
    color-mix(in srgb,var(--wa-p,#57c5ff) 18%,transparent),
    color-mix(in srgb,var(--wa-s,#8b8df6) 10%,transparent))}
.wa-day-condition-icon{width:48px;height:48px;display:grid;place-items:center;flex:none}
.wa-day-condition-icon img{width:48px;height:48px;object-fit:contain}
.wa-day-condition-text{display:grid;gap:5px;min-width:0}
.wa-day-condition{font-weight:750;font-size:15px;line-height:1.3}
.wa-day-range{font-size:12px;font-weight:640;color:var(--wa-sub,#c0daf1)}
.wa-day-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;
  margin:14px 0 12px}
.wa-day-navigation-label{font-size:11px;opacity:.82;color:var(--wa-sub,#c0daf1)}
.wa-day-prev,.wa-day-next{width:32px;height:32px;border-radius:11px;font-size:24px;line-height:1}
.wa-day-prev:disabled,.wa-day-next:disabled{opacity:.3;cursor:default}
.wa-day-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.wa-day-metric{box-sizing:border-box;min-width:0;padding:12px 11px 11px;
  background:color-mix(in srgb,var(--wa-p,#57c5ff) 9%,var(--wa-card,#172b49));
  border:1px solid color-mix(in srgb,var(--wa-ink,#fff) 13%,transparent);
  border-radius:15px}
.wa-day-metric-head{display:flex;align-items:center;gap:7px;color:var(--wa-sub,#c0daf1);
  font-size:11px;line-height:1.22;font-weight:670}
.wa-day-metric .wa-day-icon{width:20px;height:20px;object-fit:contain;flex:none}
.wa-day-metric-head span{min-width:0;overflow-wrap:anywhere}
.wa-day-metric-value{display:block;margin-top:12px;font-size:20px;font-weight:780;
  line-height:1.12;letter-spacing:-.5px;overflow-wrap:anywhere}
.wa-day-metric-hint{display:block;font-size:10px;line-height:1.3;
  color:var(--wa-sub,#c0daf1);margin-top:6px;opacity:.82}
.wa-day-empty{font-size:13px;line-height:1.5;text-align:center;
  grid-column:1/-1;padding:12px 7px;color:var(--wa-sub,#c0daf1)}
@media(max-width:380px){
  .wa-day-sheet{padding:16px 13px max(16px,env(safe-area-inset-bottom))}
  .wa-day-metrics{gap:8px}.wa-day-metric{padding:11px 9px}.wa-day-metric-value{font-size:18px}
  .wa-day-heading{font-size:17px}
}
@media(prefers-reduced-motion:reduce){
  .wa-day-dialog[open]{animation:none}
  #weekForecast [data-wa-day-index]{transition:none}
}