/* Weather widget styles */
.weather-widget {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    background: rgba(255, 255, 255, 0.1);
    /*background: linear-gradient(to top right, #FF512F, #F09819, #FFC300);*/
    /*background: linear-gradient(180deg,rgba(2, 0, 36, 1) 0%, rgba(31, 7, 110, 1) 59%, rgba(245, 235, 162, 1) 100%); */
    border-radius: 10px;
    backdrop-filter: blur(10px);
    margin-top: 10px;
}

.weather-icon {
    font-size: 1.5rem;
}

.weather-temp {
    font-size: 1.2rem;
    font-weight: bold;
}

.weather-condition {
    font-size: 0.9rem;
    opacity: 0.8;
}

.weather-loading {
    opacity: 0.7;
}

.weather-error {
    color: #ff6b6b;
    font-size: 0.9rem;
}
/* Add this to weather-icons.css */
.weather-icon.clear-night::after { content: "🌙"; }