/* ============================================
   ESPACEMENT PAGE PRODUITS - OPTIMISÉ
   ============================================ */

/* Grille de produits - Espacement vertical */
.grid__product > .col-lg-4,
.grid__product > .col-md-6,
.grid__product > .col-sm-6 {
    margin-top: 1rem !important;
    margin-bottom: 1rem;
}

/* Vue liste - Espacement vertical */
.list__product > .col-12 {
    margin-top: 1rem !important;
    margin-bottom: 1rem;
}

/* Retirer le margin-top du premier élément */
.grid__product > .col-lg-4:nth-child(1),
.grid__product > .col-lg-4:nth-child(2),
.grid__product > .col-lg-4:nth-child(3) {
    margin-top: 0 !important;
}

.list__product > .col-12:first-child {
    margin-top: 0 !important;
}

/* Espacement harmonieux pour la grille */
.grid__product {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
}

.grid__product > [class*="col-"] {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

/* Responsive - Tablette */
@media (max-width: 991px) and (min-width: 768px) {
    .grid__product > .col-md-6:nth-child(1),
    .grid__product > .col-md-6:nth-child(2) {
        margin-top: 0 !important;
    }
    
    .grid__product > .col-md-6:nth-child(n+3) {
        margin-top: 1.5rem !important;
    }
}

/* Responsive - Mobile */
@media (max-width: 767px) {
    .grid__product > .col-sm-6:nth-child(1),
    .grid__product > .col-sm-6:nth-child(2) {
        margin-top: 0 !important;
    }
    
    .grid__product > .col-sm-6:nth-child(n+3) {
        margin-top: 1.5rem !important;
    }
    
    .list__product > .col-12 {
        margin-top: 1.5rem !important;
    }
}

/* Animation douce lors du changement de vue */
.grid__product > [class*="col-"],
.list__product > .col-12 {
    transition: margin 0.3s ease, padding 0.3s ease;
}

/* Espacement uniforme pour toutes les cartes */
.single_product {
    height: 100%;
}

/* Amélioration de l'espacement du contenu */
.product_page_gallery {
    padding-top: 1rem;
}

/* Espacement cohérent avec les filtres */
.shop_toolbar {
    margin-bottom: 2rem;
}

/* Optimisation pour grille de 4 colonnes sur grand écran */
@media (min-width: 1200px) {
    .grid__product > .col-lg-4:nth-child(3n+1) {
        clear: left;
    }
}

/* Optimisation pour grille de 2 colonnes sur tablette */
@media (max-width: 991px) and (min-width: 768px) {
    .grid__product > .col-md-6:nth-child(2n+1) {
        clear: left;
    }
}

/* Optimisation pour grille de 2 colonnes sur mobile */
@media (max-width: 767px) {
    .grid__product > .col-sm-6:nth-child(2n+1) {
        clear: left;
    }
}