/*
Styles pour la page boutique organisee par sections de categories
(cf. inc/shop-archive-categories/shop-archive-categories.php), charges
uniquement sur cette page.
*/

.mfnch-shop-cat-section{
    width: 100%;
    margin-bottom: 60px;
}

/* Betheme limite parfois la largeur des blocs imbriques (colonnes/flex du
   builder) : on force la section et sa grille produits a occuper toute la
   largeur de la zone de contenu, comme le H1 "Boutique" au-dessus. */
.mfnch-shop-cat-section .products_wrapper,
.mfnch-shop-cat-section ul.products{
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

/* Le theme affiche les images produit a leur ratio natif (scale-with-grid),
   ce qui donne des cartes de hauteurs differentes selon les photos.
   On standardise chaque vignette sur un ratio carre, comme sur les pages
   categories. */
.mfnch-shop-cat-section .product-loop-thumb{
    display: block;
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
}

.mfnch-shop-cat-section .product-loop-thumb img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.mfnch-shop-cat-section__header{
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 20px;
}

.mfnch-shop-cat-section__title{
    margin: 0;
}

.mfnch-shop-cat-section__more{
    white-space: nowrap;
    text-decoration: underline;
}