/* Neighborhood weather widget — always dark, Floripa-style */
.wx-widget {
    background: #1b2430;
    color: #e8edf2;
    border: 1px solid #2c3644;
    border-radius: 10px;
    padding: 12px 10px 10px;
    margin: 12px 0 16px;
    font-size: 12px;
    line-height: 1.35;
    text-align: left;
}
.wx-title {
    margin: 0 0 10px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #c5ced8;
}
.wx-now {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
}
.wx-now-main {
    min-width: 0;
}
.wx-temp {
    font-size: 28px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
}
.wx-cond {
    margin-top: 4px;
    color: #fff;
    font-size: 13px;
}
.wx-range {
    margin-top: 2px;
    color: #9aa3ad;
    font-size: 11px;
}
.wx-icon {
    flex: 0 0 auto;
    display: block;
}
.wx-icon-lg {
    width: 48px;
    height: 48px;
}
.wx-icon-sm {
    width: 22px;
    height: 22px;
}
.wx-uv {
    padding: 8px 0 10px;
    border-top: 1px solid #2c3644;
    border-bottom: 1px solid #2c3644;
    margin-bottom: 8px;
}
.wx-uv-row {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #fff;
    font-size: 14px;
}
.wx-uv-badge {
    display: inline-block;
    border-radius: 999px;
    padding: 1px 7px;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.5;
}
.wx-uv-badge.is-low { background: #2e7d32; color: #e8f5e9; }
.wx-uv-badge.is-moderate { background: #f9a825; color: #1b2430; }
.wx-uv-badge.is-high { background: #8d4b2b; color: #f3e6d8; }
.wx-uv-badge.is-very-high { background: #c62828; color: #fff; }
.wx-uv-badge.is-extreme { background: #6a1b9a; color: #fff; }
.wx-spf {
    margin-top: 4px;
    color: #7ec8f0;
    font-size: 11px;
}
.wx-sun {
    margin-top: 4px;
    color: #9aa3ad;
    font-size: 11px;
}
.wx-sun strong {
    color: #e8edf2;
    font-weight: 600;
}
.wx-days {
    list-style: none;
    margin: 0 0 8px;
    padding: 0;
}
.wx-days li {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 5px 0;
    border-bottom: 1px solid #2c3644;
}
.wx-days li:last-child {
    border-bottom: 0;
}
.wx-day-name {
    flex: 1 1 auto;
    color: #b7c0c9;
}
.wx-day-temp {
    margin-left: auto;
    color: #fff;
    white-space: nowrap;
}
.wx-graph-wrap {
    margin-top: 4px;
}
.wx-graph {
    display: block;
    width: 100%;
    height: auto;
}
.wx-graph-day {
    fill: #9aa3ad;
    font-size: 8px;
    text-anchor: middle;
}
.wx-graph-val {
    font-size: 8px;
    text-anchor: middle;
}
.wx-graph-val-temp { fill: #4db6e8; }
.wx-graph-val-uv { fill: #b7c0c9; }
.wx-legend {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-top: 4px;
    color: #b7c0c9;
    font-size: 10px;
}
.wx-legend-temp::before,
.wx-legend-uv::before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 3px;
    margin-right: 4px;
    vertical-align: middle;
}
.wx-legend-temp::before { background: #4db6e8; }
.wx-legend-uv::before {
    background: transparent;
    border-top: 2px dashed #9aa3ad;
    height: 0;
}
.wx-source {
    margin: 8px 0 0;
    color: #7b858f;
    font-size: 10px;
}