/*
 Netup
 Description:  
 Author:       Netup
*/

/* full front*/
.emerch-filter-controls,  .emerch-filter-control, .emerch-price-control {
    display: flex;
    flex-direction: column;
}

.emerch-filter-controls {
    width:25%;
}

.emerch-full-front-container {
    display: flex;
    flex-direction: row; 
    gap: 30px;
    width: 100%;
}

.emerch-products-area {
    width: 75%;
}

.emerch-container.active-filters {
    display: grid;
    grid-template-columns: 1fr 250px; 
    gap: 20px;
}
/* Sur petits écrans, on redevient une seule colonne */
@media (max-width: 992px) {
    .emerch-container.active-filters {
        grid-template-columns: 1fr;
    }
}

/* --- Positionnement des filtres (Non modifié) --- */
.emerch-filters {
}


/* Style des filtres secondaires (Non modifié) */
.secondary-filters {
    border: 1px solid #ccc;
    padding: 15px;
    background-color: #f9f9f9;
}



.checkbox-list {
    display: flex;
    flex-direction: column;
}

.custom-products-grid {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.custom-products-grid > div {
    width: calc(33.333% - 20px); /* 3 colonnes par défaut */
    margin: 10px;
    box-sizing: border-box;
}

.product-card-item {
    text-align: center;
    border: 1px solid #eee;
    padding: 15px;
}

.product-variations {
    margin-top: 10px;
}

.variation-options {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-bottom: 10px; 
}

.variation-option {
    border: 1px solid #ccc; 
    padding: 5px 10px;
    background-color: #fff;
    color: #333;
    border-radius: 4px; /* Coins légèrement arrondis */
    font-size: 14px; /* Taille de police */
    text-align: center; /* Centrage du texte */
    min-width: 30px; /* Largeur minimale pour les options courtes (S, M, L) */
}

/* pagination */
.emerch-pagination-controls {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 30px 0; 
    flex-wrap: wrap; 
    gap: 5px; 
}

.emerch-pagination-controls .page-link {
    min-width: 35px;
    height: 35px;
    line-height: 33px;
    text-align: center;
    background-color: #fff;
    color: #007bff; 
    border: 1px solid #007bff; 
    border-radius: 4px; 
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
}

.emerch-pagination-controls .page-link.current {
    background-color: #007bff;
    color: #fff; 
    border-color: #007bff;
    cursor: default; /* Indique qu'il n'est pas cliquable */
    pointer-events: none; /* Empêche le clic */
}

.emerch-pagination-controls .page-link:not(.current):hover {
    background-color: #e9f5ff;
    color: #0056b3;
    border-color: #0056b3;
}

/* Adaptez les media queries en utilisant .custom-products-grid > div */
@media (max-width: 1200px) {
    .custom-products-grid > div {
        width: calc(50% - 20px); /* 2 colonnes dans la zone produit */
    }
}
@media (max-width: 992px) {
    /* Lorsque les filtres sont en haut (mode colonne unique) */
    .custom-products-grid > div {
        width: calc(33.333% - 20px); /* Tente de garder 3 colonnes si l'écran est assez large */
    }
}
@media (max-width: 768px) {
    .custom-products-grid > div {
        width: calc(50% - 20px); /* 2 colonnes sur tablettes */
    }
}
@media (max-width: 480px) {
    .custom-products-grid > div {
        width: calc(100% - 20px); /* 1 colonne sur petits mobiles */
    }
}