/* --- WIDGET MÉTÉO --- */
/* Conteneur principal */
.weather-wrapper {
    border-radius: 24px;
    overflow: hidden;
    transition: background 0.8s ease;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

/* Gradients dynamiques */
.bg-sunny  { background: linear-gradient(135deg, #FF8C00 0%, #FAD02E 100%); }
.bg-cloudy { background: linear-gradient(135deg, #757F9A 0%, #D7DDE8 100%); }
.bg-rainy  { background: linear-gradient(135deg, #00416A 0%, #E4E5E6 100%); }
.bg-snowy  { background: linear-gradient(135deg, #83a4d4 0%, #b6fbff 100%); }
.bg-night  { background: linear-gradient(135deg, #0f2027 0%, #2c5364 100%); }
.bg-default { background: linear-gradient(135deg, #2c3e50 0%, #4a627a 100%); }

/* Cartes de prévisions */
.week-day-card {
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(5px);
    border-radius: 18px;
    padding: 20px;
    height: 160px;
    display: flex;
    flex-direction: column;
    transition: transform 0.3s ease;
}

.week-day-card:hover {
    transform: translateY(-8px);
    background: #ffffff;
}

/* Indicateurs (Highlights) */
.highlight-card {
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 16px;
    padding: 15px;
    text-align: center;
    color: white;
    height: 100%;
}

.highlight-card i {
    font-size: 1.8rem;
    display: block;
}

/* Ajustements Slick */
.weekly-forecast-carousel .slick-track {
    display: flex !important;
}

.weekly-forecast-carousel .slick-slide {
    height: inherit !important;
}

/* Responsive */
@media (max-width: 768px) {
    .display-3 { font-size: 3rem; }
    .display-1 { font-size: 4rem; }
    .weather-wrapper { border-radius: 0; }
}