/* ============================================================
   alter-footer-desktop-grid.css — Layout fixes desktop (HP)
   ------------------------------------------------------------
   Fichier dédié pour casser le cache CDN/browser sur les rules
   desktop ajoutées au footer (ec3fa5ad) et sur les vignettes
   produits homepage (largeur uniforme banner / no-banner).

   Scope:  @media (min-width: 992px) only.
   Owner:  theme stream.
   ============================================================ */

/* Vignettes produits homepage — uniformiser la largeur des cards
   carousel quel que soit le contexte universe (avec ou sans banner).
   Sans cette règle :
   - .product-miniature est display:flex avec 1 child (.thumbnail-container)
     en flex: 0 1 auto → largeur dictée par contenu max-content du
     .product-description (inline-block).
   - Universes avec banner ont des noms de produits plus longs → 305px
   - Kits du moment (sans banner) → noms plus courts → 250px (largeur image)
   Solution : forcer .thumbnail-container à occuper 100% de l'article. */
.alh-universe .ac-item .product-miniature {
    width: 100%;
}
.alh-universe .ac-item .thumbnail-container {
    width: 100%;
    flex: 1 1 auto;
}

@media (min-width: 992px) {
    /* Figma layout (node 32:3343) : Main Links 280px ‖ Shops Links flex-1,
       column-gap 64px. Override le précédent flex 1:4 pour matcher Figma. */
    .footer-ul-links {
        display: grid;
        grid-template-columns: 280px 1fr;
        column-gap: 64px;
        align-items: start;
        flex-wrap: initial;
    }
    .footer-ul-links > .links-block,
    .footer-ul-links > .links {
        flex: initial;
        min-width: 0;
    }
    /* Lot C P3 : CSS grid auto-fit pour homogénéité totale en mid-range.
       En flexbox (`flex: 1 1 200px`) le bloc orphelin de la dernière ligne
       (ex. Belgique à 1280) s'étalait sur toute la largeur via flex-grow=1 →
       layout 3+1 disgracieux. Avec `repeat(auto-fit, minmax(180px, 1fr))`
       chaque bloc garde la même largeur (1fr), wrapping naturel quand le
       container ne peut plus accueillir une colonne de 180px.

       - ≥ ~960px shop area : 4 cols × 1fr (Paris/IDF/France/Belgique)
       - 540-960px shop area : 2-3 cols × 1fr
       - < 540px shop area : 1 col (rare à ≥992px viewport)
       - < 992px viewport : règles mobile alter-footer-v3.css (empilage). */
    .footer-ul-links > .links .links-container {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
        gap: 32px;
    }
    .footer-ul-links > .links .links-container > .links-block {
        min-width: 0;
        max-width: 100%;
    }
}