/*
Theme Name: Afrimodo Dior V2 FIX
Version: 2.1 CLEAN
*/

/* =========================
   BASE
========================= */
body{
    margin:0;
    font-family:Helvetica,Arial,sans-serif;
    background:#fff;
    color:#000;
}

header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:20px;
    border-bottom:1px solid #eee;
}

.logo{
    font-size:26px;
    font-weight:600;
    letter-spacing:2px;
}

nav ul{
    list-style:none;
    display:flex;
    gap:30px;
}

/* =========================
   HERO
========================= */
.hero{
    height:60vh;
    background:#f5f5f5;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:32px;
}

/* =========================
   WOOCOMMERCE PRODUCTS GRID
========================= */
.woocommerce ul.products{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:20px;
    padding:40px;
}

/* PRODUIT */
.woocommerce ul.products li.product{
    position:relative;
    overflow:hidden;
}

/* IMAGE PRODUIT */
.woocommerce ul.products li.product img{
    width:100%;
    height:auto;
    transition:0.3s ease;
    object-fit:cover;
}

/* HOVER IMAGE */
.woocommerce ul.products li.product:hover img{
    transform:scale(1.05);
}

/* TITRE + PRIX */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .price{
    display:block;
}

/* IMPORTANT : CLIC ACTIF */
.woocommerce ul.products li.product a{
    display:block;
    position:relative;
    z-index:5;
    pointer-events:auto;
}

/* SUPPRESSION OVERLAY BLOQUANT */
.woocommerce ul.products li.product::before,
.woocommerce ul.products li.product::after{
    pointer-events:none;
}

/* =========================
   GALERIE PRODUIT (PAGE PRODUIT)
========================= */
.woocommerce div.product div.images img{
    width:100%;
    height:auto;
    object-fit:contain;
}

.zoomImg{
    display:none !important;
}

/* =========================
   MOBILE
========================= */
@media(max-width:768px){
    .woocommerce ul.products{
        grid-template-columns:repeat(2, 1fr);
        padding:20px;
    }
}