.weather-container .weather-widget {
    display: flex;
    align-items: center;
    gap: 10px;
    color: white;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.weather-container .day {
    font-weight: bold;
}

.weather-container .weather-icon {
    font-size: x-large; 
}

.weather-container .temp-max {
    font-weight: bold;
}

.weather-container .temp-min {
    color: #d1d5db;
}

.weather-container .loading {

    color: white;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.weather-container .error {

    color: white;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Add spacing between multiple widgets */


.weather-container:last-child {
    margin-bottom: 0;
}

/* Mobile styles */
@media screen and (max-width: 480px) {
    .weather-container .weather-widget {
        gap: 4px;
    }

    .weather-container .weather-icon {
        font-size: large;
    }
}