/* --- BLOC RESUME --- */
.meteo-resume p { margin: 0; padding: 0; }
.meteo-resume { display: flex; flex-direction: column; gap: 10px; align-items: center; text-align: center; }

.meteo-sun { display: flex; flex-direction: row; justify-content: center; gap: 15px; font-size: 0.9em; white-space: nowrap; width: 100%; }
.sun-group { display: flex; align-items: center; gap: 5px; }
.sun-icon svg { width: 25px; height: 25px; }

.meteo-main { display: flex; align-items: center; gap: 15px; margin-top: 5px; }
.meteo-temp { font-size: 4em; line-height: 1; }
.meteo-main img { width: 60px; height: 60px; }

/* --- BLOC DETAIL PRÉVISIONS 10 JOURS --- */
.meteo-previsions-table { width: 100%; border-collapse: collapse; table-layout: fixed; }
.meteo-previsions-table th, .meteo-previsions-table td { text-align: center; padding: 8px 4px; font-size: 0.85em; vertical-align: middle; }

/* 1. Masquer les lignes horaires par défaut */
.meteo-previsions-table .hourly-row { display: none; }

/* 2. Afficher lignes clés, ligne actuelle, et jours sans détails */
.meteo-previsions-table .key-row,
.meteo-previsions-table .current-row,
.meteo-previsions-table .always-show { 
    display: table-row !important; 
}

/* 3. Surlignage */
.meteo-previsions-table tr.current-row { background-color: #e8f4fd !important; }

/* 4. Mode détail */
.meteo-previsions-table.show-details .hourly-row { display: table-row !important; }

/* 5. Styles visuels */
.header-icon svg { width: 22px; height: 22px; color: #4D4D4C; fill: currentColor; vertical-align: middle; }
.date-header { background-color: #f4f4f4; text-align: left !important; }
.date-header td { padding: 8px 10px !important; font-size: 0.9em; color: #333; font-weight: bold; }
.meteo-previsions-table th:nth-child(2), .meteo-previsions-table td:nth-child(2) { width: 35px; }
.temp-negative { color: #0073aa; font-weight: 600; }

/* 6. BOUTON TOGGLE --- */
.meteo-actions { display: flex; justify-content: flex-end; margin-bottom: 10px; }
#toggle-meteo-btn { background: none !important; border: none !important; color: var(--wp--preset--color--accent-5); cursor: pointer; font-size: 0.9em; font-weight: 500; display: flex; align-items: center; gap: 8px; }
#toggle-meteo-btn:hover { color: var(--wp--preset--color--accent-2); }

/* 7. FOOTER --- */
.meteo-footer-note { margin-top: 20px; padding: 15px; border-top: 1px solid #ddd; font-size: 0.85em; color: #666; line-height: 1.4; text-align: justify; }
.meteo-footer-note .title-strong { display: block; margin-bottom: 5px; font-weight: bold; color: #333; }


/* --- BLOC TENDANCES --- */

.meteo-tendances-wrapper { overflow-x: auto; width: 100%; margin: 20px 0; }
.meteo-tendances { border-collapse: collapse !important; width: 100%; table-layout: fixed; }
.th-sticky, .sticky-col { width: 160px !important; min-width: 160px !important; position: sticky !important; left: 0 !important; z-index: 9 !important; background-color: #fff; border-right: 2px solid #eee !important; }
.date-sub { font-weight: normal;}
.sticky-col { vertical-align: middle !important; padding: 0 10px !important; }
.meteo-tendances th, .meteo-tendances td { width: 60px !important; text-align: center !important; padding: 5px !important; border-bottom: 1px solid #eee !important; }
.meteo-tendances tbody tr:nth-child(odd) { background-color: #f9f9f9; }