/* Add this to public/css/weather/uzbekistan-cities.css */

.weather-hour-item {
    cursor: pointer;
    user-select: none;
    transition: background-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.weather-hour-item:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 3px;
}

.weather-hour-item.is-selected {
    background-color: rgba(0, 0, 0, 0.16);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.16);
}

.weather-hour-item.is-selected .weather-hour-time {
    font-weight: 700;
}

/* The upper current-weather time now has class "weather-hour-time" too.
   This rule is only a fallback in case your existing CSS scopes hourly time too narrowly. */
.weather-current-time {
    color: inherit;
}