/* ============================================================
   LA CARTE MÉTÉO DE L'ÉCRIN — feuille PARTAGÉE (0.164.36).
   ------------------------------------------------------------
   Sortie de icones-appareils.css (où elle vivait depuis 0.93.1) pour
   que l'aperçu du Studio puisse la charger seule : la feuille des
   icônes d'appareil porte d'autres classes (.jauge, .curseur…) que le
   Studio a déjà, sous d'autres formes.

   Chargée par : app.html · studio.html (Météo › Aperçu)
   Va avec     : /static/meteo-carte.js (le dessin de la carte)
   Dépend de   : --ac, --bord, --muet, --texte, --cyan (variables de
                 thème de la page hôte ; le Studio les pose sur le cadre
                 de l'aperçu, aux valeurs de l'app).
   ============================================================ */
/* Widget météo */
.meteo-ico{flex:none;display:inline-flex}
.mh-p.vide{visibility:hidden}
/* Météo — refonte charte v1 (0.47.0) : serif, noir chaud + or, hairlines, sobriété.
   La STATION LOCALE est le héros quand elle existe (« Mesuré chez vous »),
   l'essentiel en façade, tout le reste replié derrière « Détails ». */
.meteo-carte{border-radius:18px;padding:18px 18px 14px;border:1px solid var(--bord);
  background:linear-gradient(168deg,color-mix(in srgb,var(--ac) 8%,transparent),transparent 46%)}
.meteo-carte.nuit{background:linear-gradient(168deg,rgba(120,130,160,.10),transparent 46%)}
.met-badge{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--muet)}
.met-badge .pt-or{width:6px;height:6px;border-radius:50%;background:var(--ac);box-shadow:0 0 9px var(--ac);flex:none}
.met-heros{display:flex;align-items:baseline;gap:16px;margin-top:9px;flex-wrap:wrap}
.met-temp{font-family:"New York","New York Large",Georgia,"Times New Roman",serif;font-weight:400;
  font-size:56px;line-height:1;letter-spacing:.01em;font-variant-numeric:tabular-nums}
.met-temp small{font-size:26px;color:var(--muet);font-weight:400}
.met-cond{display:flex;flex-direction:column;gap:3px;padding-bottom:7px;min-width:0}
.met-cond b{font-family:"New York","New York Large",Georgia,"Times New Roman",serif;font-weight:400;font-size:17px}
.met-cond span{font-size:12px;color:var(--muet);font-variant-numeric:tabular-nums}
.met-mesures{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:12px;padding-top:11px;border-top:1px solid var(--bord);font-size:12.5px;color:var(--muet)}
.met-mesures b{color:var(--texte);font-weight:600;font-variant-numeric:tabular-nums}
.met-conseil{display:flex;align-items:center;gap:11px;margin-top:12px;font-size:13px;line-height:1.4;color:var(--texte)}
.met-jours{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;margin-top:14px;padding-top:12px;border-top:1px solid var(--bord);text-align:center}
.met-j{display:flex;flex-direction:column;align-items:center;gap:3px;padding:2px 0;border-left:1px solid color-mix(in srgb,var(--bord) 55%,transparent)}
.met-j:first-child{border-left:none}
.met-j .meteo-ico{width:23px;height:23px}
.met-j-d{font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muet)}
.met-j-x{font-family:"New York","New York Large",Georgia,"Times New Roman",serif;font-size:14.5px;font-variant-numeric:tabular-nums}
.met-j-n{font-size:11px;color:var(--muet);font-variant-numeric:tabular-nums}
.met-j-p{font-size:9.5px;color:var(--cyan);min-height:11px}
.met-ephem{display:flex;justify-content:center;gap:24px;margin-top:12px;font-size:11.5px;color:var(--muet)}
.met-ephem b{color:var(--texte);font-weight:600;font-variant-numeric:tabular-nums}
.met-lune{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:12px;font-size:11.5px;color:var(--muet)}
.met-lune svg{width:17px;height:17px}
.meteo-ico svg{width:100%;height:100%}
/* — contenus repliés (Détails) — */
.meteo-chips{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:12px}
.mc-chip{display:flex;align-items:baseline;gap:6px;font-size:12.5px}
.mc-chip span{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muet)}
.mc-chip b{font-weight:600;font-variant-numeric:tabular-nums}
.meteo-heures{display:flex;gap:2px;margin-top:12px;padding-top:10px;border-top:1px solid var(--bord);overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.meteo-heures::-webkit-scrollbar{display:none}
.mh{flex:none;width:46px;display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px 2px}
.mh .meteo-ico{width:21px;height:21px}
.mh-h{font-size:9.5px;color:var(--muet)}.mh-t{font-size:12.5px;font-variant-numeric:tabular-nums}.mh-p{font-size:9px;color:var(--cyan);min-height:11px}
.meteo-air{margin-top:12px;padding-top:11px;border-top:1px solid var(--bord)}
.ma-aqi{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muet)}.ma-aqi b{font-size:14px;font-weight:600;color:var(--texte)}
.ma-dot{width:9px;height:9px;border-radius:50%;flex:none}
.ma-pollens{display:flex;flex-wrap:wrap;gap:5px 16px;margin-top:8px}
.ma-pol{font-size:11.5px;color:var(--muet)}.ma-pol i{font-style:normal;color:var(--texte);font-weight:600}
/* Météo — icône de conseil + détails repliés (survol souris / clic tactile) */
.mia-i{width:24px;height:24px;flex:none}.mia-i svg{width:100%;height:100%}
.meteo-plus{margin-top:12px;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:6px;
  border:none;background:transparent;color:var(--muet);font-family:inherit;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;cursor:pointer}
.meteo-plus .chev{transition:transform .25s}
.meteo-details{overflow:hidden;max-height:0;opacity:0;transition:max-height .35s ease,opacity .3s ease}
.meteo-carte.ouvert .meteo-details{max-height:1400px;opacity:1;margin-top:6px}
.meteo-carte.ouvert .meteo-plus .chev{transform:rotate(180deg)}
@media (hover:hover){
  .meteo-carte:hover .meteo-details{max-height:1400px;opacity:1;margin-top:6px}
  .meteo-carte:hover .meteo-plus .chev{transform:rotate(180deg)}
}