/* Media query pour réduire le logo sur mobile uniquement */
        @media (max-width: 991px) {
            .mobile-logo {
                width: 100px !important; /* réduit la taille sur mobile */
            }
        }

       /* ================================
   FIX HEADER MOBILE OVERFLOW
   ================================ */
@media (max-width: 991.98px) {

    /* Bloque tout scroll horizontal */
    html, body {
        overflow-x: hidden;
    }

    /* Header compact */
    .header-middle_area {
        padding: 6px 0;
        min-height: auto;
        overflow: hidden;
    }

    /* Neutralisation Bootstrap */
    .header-middle_area .container-fluid {
        padding-left: 12px;
        padding-right: 12px;
        margin: 0;
    }

    .header-middle_area .row {
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: nowrap;
        width: 100%;
    }

    /* Colonnes sécurisées */
    .header-middle_area [class*="col-"] {
        padding: 0;
        min-width: 0;   /* CRITIQUE */
        flex-shrink: 1; /* CRITIQUE */
    }

    /* LOGO */
    .custom-logo_col {
        max-width: 130px;
        flex: 0 0 auto;
    }

    .header-logo_area img.mobile-logo {
        width: 110px !important;
        max-width: 100%;
        height: auto;
        display: block;
    }

    /* ZONE DROITE */
    .custom-cart_col {
        flex: 0 0 auto;
        max-width: 140px;
    }

    .header-right_area ul {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 10px;
        margin: 0;
    }

    /* Bouton menu */
    .mobile-menu_btn {
        padding: 0;
    }

    .mobile-menu_btn i {
        font-size: 26px;
    }

    /* PANIER */
    .minicart-btn {
        padding: 4px 6px;
        max-width: 100%;
    }

    .minicart-count_area {
        position: relative;
    }

    .minicart-count_area i {
        font-size: 22px;
    }

    .minicart-count_area .item-count {
        position: absolute;
        top: -5px;
        right: -6px;
        font-size: 10px;
        min-width: 10px;
        height: 10px;
        line-height: 10px;
    }

    /* Texte inutile masqué */
    .minicart-front_text,
    .contact-us_wrap {
        display: none !important;
    }

    /* SEARCH EN DESSOUS */
    .custom-search_col {
        width: 100%;
        margin-top: 6px;
        padding: 0;
    }

    .hm-form_area {
        width: 100%;
    }

    .hm-searchbox input {
        height: 38px;
        font-size: 14px;
    }
}

@media (max-width: 991.98px) {
    .mobile-menu_btn {
        padding: 4px 6px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .mobile-menu_btn i.ion-navicon {
        font-size: 34px;
        line-height: 1;
    }
}

/* =========================================
   FULL WIDTH SLIDER ON MOBILE ONLY produit
   ========================================= */
@media (max-width: 991.98px) {

    .uren-slider_area .container-fluid {
        padding-left: 0;
        padding-right: 0;
        max-width: 100%;
    }

    .uren-slider_area .row {
        margin-left: 0;
        margin-right: 0;
    }

    .uren-slider_area [class*="col-"] {
        padding-left: 0;
        padding-right: 0;
    }

    .uren-slider_area {
        overflow: hidden;
    }
}

/* =========================================
   GRID PRODUITS (SANS SLIDER)
   ========================================= */
.product-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr); /* Desktop */
    gap: 20px; /* séparation visible */
}

/* Chaque item de la grille */
.product-grid .product-slide_item {
    width: 100%;
    box-sizing: border-box;
}

/* Carte produit */
.product-grid .single-product {
    height: 100%;
    background: #fff;
    border: 1px solid #e2e2e2; /* BORDURE VISIBLE */
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

/* Hover (recommandé UX) */
.product-grid .single-product:hover {
    border-color: #ff3c20;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
}

/* Sécurité : empêche images/boutons de casser la bordure */
.product-grid .single-product * {
    box-sizing: border-box;
}

/* =========================================
   RESPONSIVE
   ========================================= */

/* Tablette */
@media (max-width: 991px) {
    .product-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .product-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }
}

.product-actions-bottom {
    margin-top: 10px;
}

.product-actions-bottom ul {
    display: flex;
    justify-content: center;
    gap: 12px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.product-actions-bottom ul li a {
    display: inline-flex;
    width: 36px;
    height: 36px;
    align-items: center;
    justify-content: center;
    border: 1px solid #e5e5e5;
    border-radius: 50%;
    color: #333;
    font-size: 16px;
    transition: all 0.3s ease;
}

.product-actions-bottom ul li a:hover {
    background-color: #ff6a00; /* adapte à ta charte */
    color: #fff;
    border-color: #ff6a00;
}

.product-content h6 a.product-name {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.4;
    color: #0b1a3a;
    transition: color 0.3s ease;
}

.product-content h6 a.product-name:hover {
    color: #1e3a8a; /* léger éclaircissement au survol */
}

@media (max-width: 768px) {
    .product-content h6 a.product-name {
        font-size: 15px;
    }
}
   

 /* Couleur bleu nuit foncé pour toutes les listes du menu */
.category-menu-list ul li,
.category-menu-list ul li a,
.mobile-menu_wrapper ul li,
.mobile-menu_wrapper ul li a,
.minicart-content a,
.minicart-content span,
.minicart-content h4,
.minicart-item_total span {
    color: #0b1f3a !important;
}

/* Si tu veux aussi forcer la couleur au survol */
.category-menu-list ul li a:hover {
    color: #0a1931 !important;
}

@media (max-width: 768px) {
    .mobile-logo {
        width: 220px !important;
    }