/* ── Wind Probability Badges ────────────────────────────────────────────────── */
.wnd-badge {
    display: inline-block;
    padding: 2px 5px;
    border-radius: 8px;
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.2px;
    white-space: nowrap;
    cursor: default;
    transition: filter 0.15s ease;
}

.wnd-badge:hover {
    filter: brightness(1.1);
}

/* 0–20% — Very Low */
.wnd-very-low {
    background: #edf8fb;
    color: #1a5560;
    border: 1px solid #b2dde6;
}

/* 20–40% — Low */
.wnd-low {
    background: #b2e2e2;
    color: #1a4040;
    border: 1px solid #80c9c9;
}

/* 40–60% — Moderate */
.wnd-moderate {
    background: #66c2a4;
    color: #0d2e22;
    border: 1px solid #3da882;
}

/* 60–80% — High */
.wnd-high {
    background: #2ca25f;
    color: #ffffff;
    border: 1px solid #1f7a47;
    box-shadow: 0 0 5px rgba(44, 162, 95, 0.4);
}

/* 80–100% — Very High */
.wnd-very-high {
    background: #006d2c;
    color: #ffffff;
    border: 1px solid #004d1e;
    box-shadow: 0 0 5px rgba(0, 109, 44, 0.5);
}