/*
 * mobile-footer.css
 * Réorganisation du footer universel (.lt26-footer) sur mobile.
 * Problème : sur mobile, .lt26-footer__grid retombait en 1 seule colonne
 * (forcé par le catch-all "[class*=grid]→1fr !important" de
 * mobile-responsive-global.css) → blocs EXPLORER / COMPTE / SUPPORT empilés
 * sur ~1130px, footer interminable.
 *
 * Ici : grille de liens en 2 colonnes → footer ~2× plus court et mieux rangé.
 * Chargé EN DERNIER. Additif, @media max-width:768px, aucun impact desktop.
 * Spécificité (0,3,0) + ordre de chargement pour gagner sur le catch-all.
 */
@media (max-width: 768px) {
  .lt26-footer .lt26-footer__grid:not(.lt26-piece) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 1.25rem 1rem !important;
  }

  /* Titre de la bande pré-footer "Le marché des collectionneurs." : 49px
     (clamp 12vw scopé par page, spécificité 0,2,1) → coupé "COLLECTIONN" sur
     mobile. On gagne via la double classe (.lt26-footer__big.lt26-serif, 0,3,0). */
  .lt26-footer .lt26-footer__big.lt26-serif {
    font-size: clamp(1.5rem, 6.5vw, 2.2rem) !important;
    line-height: 1.15 !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
  }
}

/* Très petits écrans : 1 colonne reste plus lisible que 2 colonnes étriquées. */
@media (max-width: 360px) {
  .lt26-footer .lt26-footer__grid:not(.lt26-piece) {
    grid-template-columns: 1fr !important;
  }
}