/* ============================================================
   WooCommerce Category Images Fix — Sun Concepts Boutique
   v2.0.0 — Grille finale, ordre forcé, images contain
   ============================================================ */

/* --- Sécurité : masquer Non classé si jamais il réapparaît --- */
.woocommerce ul.products li.product-category:has(a[href*="non-classe"]),
.woocommerce-page ul.products li.product-category:has(a[href*="non-classe"]),
.woocommerce ul.products li.product-category.product-cat-30,
.woocommerce-page ul.products li.product-category.product-cat-30 {
    display: none !important;
}

/* --- CSS Grid : 3 colonnes desktop, reflow automatique --- */
.woocommerce ul.products,
.woocommerce-page ul.products {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 28px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 2em 0 !important;
    float: none !important;
    width: 100% !important;
}

/* --- Neutraliser float et clear de WooCommerce/Divi --- */
.woocommerce ul.products li.product-category,
.woocommerce-page ul.products li.product-category,
.woocommerce ul.products li.product-category.first,
.woocommerce ul.products li.product-category.last,
.woocommerce-page ul.products li.product-category.first,
.woocommerce-page ul.products li.product-category.last {
    float: none !important;
    clear: none !important;
    width: 100% !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    box-sizing: border-box !important;
}

/* --- Lien de catégorie --- */
.woocommerce ul.products li.product-category a,
.woocommerce-page ul.products li.product-category a {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: center !important;
    width: 100% !important;
    text-decoration: none !important;
}

/* --- Image : entièrement visible, centrée, sans découpe --- */
.woocommerce ul.products li.product-category a img,
.woocommerce-page ul.products li.product-category a img {
    display: block !important;
    width: 100% !important;
    height: 220px !important;
    object-fit: contain !important;
    object-position: center center !important;
    background-color: transparent !important;
    padding: 12px !important;
    box-sizing: border-box !important;
    border-radius: 6px !important;
    margin: 0 auto !important;
    float: none !important;
    max-width: 100% !important;
}

/* --- Titre de catégorie --- */
.woocommerce ul.products li.product-category h2,
.woocommerce ul.products li.product-category .woocommerce-loop-category__title,
.woocommerce-page ul.products li.product-category h2,
.woocommerce-page ul.products li.product-category .woocommerce-loop-category__title {
    text-align: center !important;
    width: 100% !important;
    margin-top: 12px !important;
    margin-bottom: 4px !important;
    display: block !important;
    font-size: 1em !important;
}

/* --- Tablette : 2 colonnes --- */
@media (max-width: 768px) {
    .woocommerce ul.products,
    .woocommerce-page ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 18px !important;
    }
    .woocommerce ul.products li.product-category a img,
    .woocommerce-page ul.products li.product-category a img {
        height: 170px !important;
        padding: 10px !important;
    }
}

/* --- Mobile : 1 colonne --- */
@media (max-width: 480px) {
    .woocommerce ul.products,
    .woocommerce-page ul.products {
        grid-template-columns: repeat(1, 1fr) !important;
        gap: 14px !important;
    }
    .woocommerce ul.products li.product-category a img,
    .woocommerce-page ul.products li.product-category a img {
        height: 150px !important;
        padding: 8px !important;
    }
}