:root {
    --wf-orange: #ff6a00;
    --wf-orange-hover: #ff7f26;
    --wf-black: #111111;
    --wf-dark: #1a1a1a;
    --wf-border: #d9d9d9;
    --wf-soft: #f3f3f3;
    --wf-text: #111111;
}

/* =========================================================
   NE PAS TOUCHER AU HEADER / SEARCH DU HAUT
========================================================= */
body.wf-woo-clean-grid-active header,
body.wf-woo-clean-grid-active .site-header,
body.wf-woo-clean-grid-active .elementor-location-header,
body.wf-woo-clean-grid-active .main-header,
body.wf-woo-clean-grid-active .ast-header-wrap,
body.wf-woo-clean-grid-active .ekit-template-content-header {
    all: revert;
}

/* =========================================================
   ZONE SHOP SEULEMENT
========================================================= */
body.wf-woo-clean-grid-active .woocommerce {
    color: var(--wf-text);
}

    /* =========================================================
   SIDEBAR / WIDGETS / RECTANGLES GRIS
========================================================= */
    body.wf-woo-clean-grid-active .woocommerce .widget,
    body.wf-woo-clean-grid-active .woocommerce .widget_block,
    body.wf-woo-clean-grid-active .woocommerce aside,
    body.wf-woo-clean-grid-active .woocommerce .sidebar,
    body.wf-woo-clean-grid-active .woocommerce .shop-sidebar,
    body.wf-woo-clean-grid-active .woocommerce .left-sidebar,
    body.wf-woo-clean-grid-active .woocommerce .right-sidebar {
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
    }

        /* enlève les boîtes génériques grises autour des widgets */
        body.wf-woo-clean-grid-active .woocommerce .widget > *,
        body.wf-woo-clean-grid-active .woocommerce .widget_block > *,
        body.wf-woo-clean-grid-active .woocommerce aside > * {
            box-shadow: none !important;
        }

        /* =========================================================
   WIDGET RECHERCHE PAR VÉHICULE
========================================================= */
        /* on cible large parce que ton widget est custom */
        body.wf-woo-clean-grid-active .woocommerce select,
        body.wf-woo-clean-grid-active .woocommerce .pfe-widget select,
        body.wf-woo-clean-grid-active .woocommerce .vehicle-search select,
        body.wf-woo-clean-grid-active .woocommerce .fitment-widget select,
        body.wf-woo-clean-grid-active .woocommerce .widget select {
            width: 100%;
            min-height: 56px;
            border-radius: 28px !important;
            border: 1px solid #ececec !important;
            background: #f7f7f7 !important;
            color: #222 !important;
            box-shadow: none !important;
            padding: 0 20px !important;
        }

        /* bouton noir/orange du widget */
        body.wf-woo-clean-grid-active .woocommerce .pfe-widget button,
        body.wf-woo-clean-grid-active .woocommerce .vehicle-search button,
        body.wf-woo-clean-grid-active .woocommerce .fitment-widget button,
        body.wf-woo-clean-grid-active .woocommerce .widget button,
        body.wf-woo-clean-grid-active .woocommerce .widget input[type="submit"],
        body.wf-woo-clean-grid-active .woocommerce .widget .button {
            min-height: 54px;
            border-radius: 18px !important;
            border: none !important;
            background: var(--wf-black) !important;
            color: #fff !important;
            font-weight: 800 !important;
            box-shadow: none !important;
            padding: 0 26px !important;
        }

            body.wf-woo-clean-grid-active .woocommerce .pfe-widget button:hover,
            body.wf-woo-clean-grid-active .woocommerce .vehicle-search button:hover,
            body.wf-woo-clean-grid-active .woocommerce .fitment-widget button:hover,
            body.wf-woo-clean-grid-active .woocommerce .widget button:hover,
            body.wf-woo-clean-grid-active .woocommerce .widget input[type="submit"]:hover,
            body.wf-woo-clean-grid-active .woocommerce .widget .button:hover {
                background: var(--wf-orange) !important;
                color: #000 !important;
            }

    /* si le widget a un container visible */
    body.wf-woo-clean-grid-active .woocommerce .pfe-widget,
    body.wf-woo-clean-grid-active .woocommerce .vehicle-search,
    body.wf-woo-clean-grid-active .woocommerce .fitment-widget {
        background: #fff !important;
        border: 1px solid #cfeaf6 !important;
        border-radius: 34px !important;
        padding: 26px 20px !important;
        box-shadow: none !important;
    }

    /* =========================================================
   FILTRE PRIX
========================================================= */
    body.wf-woo-clean-grid-active .woocommerce .widget_price_filter,
    body.wf-woo-clean-grid-active .woocommerce .wc-block-components-filter-wrapper {
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
    }

    body.wf-woo-clean-grid-active .woocommerce .price_slider_wrapper,
    body.wf-woo-clean-grid-active .woocommerce .wc-block-price-filter {
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
    }

    /* =========================================================
   TOOLBAR
========================================================= */
    body.wf-woo-clean-grid-active .woocommerce .woocommerce-result-count {
        color: #222 !important;
    }

    body.wf-woo-clean-grid-active .woocommerce .woocommerce-ordering {
        margin-bottom: 20px !important;
    }

        body.wf-woo-clean-grid-active .woocommerce .woocommerce-ordering select {
            min-height: 54px;
            border-radius: 28px !important;
            border: 1px solid #dedede !important;
            background: #f7f7f7 !important;
            color: #222 !important;
            padding: 0 20px !important;
            box-shadow: none !important;
        }

    /* =========================================================
   GRILLE PRODUITS
========================================================= */
    body.wf-woo-clean-grid-active .woocommerce ul.products {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 26px !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
    }

        body.wf-woo-clean-grid-active .woocommerce ul.products::before,
        body.wf-woo-clean-grid-active .woocommerce ul.products::after {
            display: none !important;
        }

        body.wf-woo-clean-grid-active .woocommerce ul.products li.product {
            width: 100% !important;
            float: none !important;
            margin: 0 !important;
            padding: 0 !important;
            background: #fff !important;
            border: none !important;
            box-shadow: none !important;
            display: flex !important;
            flex-direction: column !important;
            align-items: stretch !important;
            overflow: hidden !important;
        }

            /* IMPORTANT : on remet les images normales */
            body.wf-woo-clean-grid-active .woocommerce ul.products li.product img {
                width: 100% !important;
                height: auto !important;
                max-width: 100% !important;
                aspect-ratio: auto !important;
                object-fit: contain !important;
                background: transparent !important;
                padding: 0 !important;
                margin: 0 0 14px 0 !important;
                border: none !important;
                border-radius: 0 !important;
                box-shadow: none !important;
            }

            /* zone texte */
            body.wf-woo-clean-grid-active .woocommerce ul.products li.product .woocommerce-loop-product__title,
            body.wf-woo-clean-grid-active .woocommerce ul.products li.product h2 {
                color: #111 !important;
                font-size: 26px !important;
                line-height: 1.18 !important;
                font-weight: 500 !important;
                text-align: center !important;
                margin: 10px 0 16px !important;
                padding: 0 14px !important;
                min-height: 170px !important;
            }

            body.wf-woo-clean-grid-active .woocommerce ul.products li.product .price {
                color: #111 !important;
                font-size: 28px !important;
                font-weight: 900 !important;
                text-align: center !important;
                margin: 0 0 18px !important;
            }

            body.wf-woo-clean-grid-active .woocommerce ul.products li.product .button {
                align-self: center !important;
                min-width: 105px !important;
                min-height: 44px !important;
                padding: 0 18px !important;
                border-radius: 999px !important;
                border: none !important;
                background: var(--wf-black) !important;
                color: #fff !important;
                font-weight: 800 !important;
                font-size: 14px !important;
                line-height: 44px !important;
                text-align: center !important;
                box-shadow: none !important;
                margin: 0 auto !important;
            }

                body.wf-woo-clean-grid-active .woocommerce ul.products li.product .button:hover {
                    background: var(--wf-orange) !important;
                    color: #000 !important;
                }

    /* cacher badge si ça casse le look */
    body.wf-woo-clean-grid-active .woocommerce span.onsale {
        display: none !important;
    }

    /* =========================================================
   PAGE PRODUITS COMPATIBLES / RESULTAT FILTRÉ
========================================================= */
    body.wf-woo-clean-grid-active .woocommerce .products .product .attachment-woocommerce_thumbnail,
    body.wf-woo-clean-grid-active .woocommerce .products .product .woocommerce-placeholder {
        width: 100% !important;
        height: auto !important;
        object-fit: contain !important;
        aspect-ratio: auto !important;
    }

/* =========================================================
   MOBILE
========================================================= */
@media (max-width: 1200px) {
    body.wf-woo-clean-grid-active .woocommerce ul.products {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

        body.wf-woo-clean-grid-active .woocommerce ul.products li.product .woocommerce-loop-product__title,
        body.wf-woo-clean-grid-active .woocommerce ul.products li.product h2 {
            font-size: 20px !important;
            min-height: 130px !important;
        }

        body.wf-woo-clean-grid-active .woocommerce ul.products li.product .price {
            font-size: 22px !important;
        }
}

@media (max-width: 767px) {
    body.wf-woo-clean-grid-active .woocommerce ul.products {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
    }

        body.wf-woo-clean-grid-active .woocommerce ul.products li.product .woocommerce-loop-product__title,
        body.wf-woo-clean-grid-active .woocommerce ul.products li.product h2 {
            font-size: 18px !important;
            min-height: auto !important;
            margin: 10px 0 12px !important;
            padding: 0 10px !important;
        }

        body.wf-woo-clean-grid-active .woocommerce ul.products li.product .price {
            font-size: 20px !important;
            margin: 0 0 12px !important;
        }

    body.wf-woo-clean-grid-active .woocommerce .woocommerce-ordering select {
        width: 100% !important;
    }

    body.wf-woo-clean-grid-active .woocommerce .pfe-widget,
    body.wf-woo-clean-grid-active .woocommerce .vehicle-search,
    body.wf-woo-clean-grid-active .woocommerce .fitment-widget {
        padding: 24px 16px !important;
        border-radius: 30px !important;
    }
}