/* Base styles */
.ambient-weather-data {
    box-sizing: border-box;
    max-width: 85vw !important;
    width: 100% !important;
    margin: 0 auto !important;
    overflow-x: hidden !important;
}

/* Single column below base width */
@media (max-width: 1000px) {
    .ambient-weather-data {
        grid-template-columns: 1fr !important;
        max-width: 95vw !important;
        padding: clamp(5px, 1vw, 25px) !important;
    }

    .ambient-weather-data p {
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .ambient-weather-data strong,
    .ambient-weather-data .ambient-weather-value,
    .ambient-weather-data .ambient-weather-unit {
        margin: 0 !important;
        margin-right: clamp(5px, 1vw, 10px) !important;
    }

    .ambient-weather-data .ambient-weather-unit {
        margin-left: clamp(2px, 0.5vw, 5px) !important;
    }
}

/* Minimum size for very small screens */
@media (max-width: 600px) {
    .ambient-weather-data {
        max-width: 98vw !important;
        padding: 0.5vw !important;
    }

    .ambient-weather-data p {
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;
    }
}