/* ══════════════════════════════════════════════════════════════════════════
   REPLI DES GRILLES — FICHIER GÉNÉRÉ, NE PAS MODIFIER À LA MAIN

       python3 outils/generer_responsive.py

   Écrit à partir de assets/maquette_base.css : toute grille de la maquette
   qui déclare plusieurs colonnes se replie ici quand l'écran rétrécit. Le
   sélecteur est recopié à l'identique, donc à spécificité égale c'est cette
   feuille — chargée en dernier — qui l'emporte. Pas un seul !important.

   26 grilles détectées, dont 14 à trois colonnes ou plus.
   ══════════════════════════════════════════════════════════════════════════ */

/* `minmax(0, 1fr)` et non `1fr` : une piste `1fr` vaut `minmax(auto, 1fr)`,
   elle refuse donc de descendre sous la largeur de son contenu. Un tableau
   large ou un mot long élargit alors la colonne au-delà de l'écran, et toute
   la page part de travers. `minmax(0, …)` autorise la piste à se réduire ;
   le contenu, lui, se replie ou défile dans son propre cadre. */

/* Trois colonnes et plus → deux, dès la tablette */
@media (max-width: 1000px) {
.agegrid,
.quickrow,
.books,
.fmtgrid,
.pricemini,
.charte,
.grid4,
.kpi,
.member .row,
footer.site .cols,
.clubkpi,
.grid3,
.kidsband,
.natgrid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* Sur téléphone, une seule colonne : c'est la seule mise en page lisible */
@media (max-width: 760px) {
.agegrid,
.quickrow,
.books,
.fmtgrid,
.pricemini,
.charte,
.grid4,
.kpi,
.member .row,
footer.site .cols,
.clubkpi,
.grid3,
.kidsband,
.natgrid,
.archrow,
.b2b,
.clubband,
.clubwrap,
.dashgrid,
.grid2,
.heroin,
.leveltest,
.profcard,
.quickband,
.report,
.waitlist { grid-template-columns: minmax(0, 1fr); }
}