/**
* Theme Name: ATR by YodLynci
* Description: Thème personnalisé pour ATR - Spécialiste en matériel de boucherie
* Author: <a href="https://yodlynci.com/">Yod Lynci</a>
* Author URI: https://yodlynci.com/
* Template: atr
* Version: 1.1.2
*/

/* ============================================
   GRILLE PRODUITS - Page Boutique uniquement
   ============================================ */

/* Grille 3 colonnes */
.woocommerce-page.woocommerce-shop ul.products,
.woocommerce-page.archive ul.products,
.woocommerce-page.tax-product_cat ul.products,
.woocommerce-page.search-results ul.products,
body.post-type-archive-product ul.products {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
    align-items: stretch !important;
}

/* Cartes produits */
.woocommerce-page.woocommerce-shop ul.products li.product,
.woocommerce-page.archive ul.products li.product,
.woocommerce-page.tax-product_cat ul.products li.product,
body.post-type-archive-product ul.products li.product {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    margin: 0 !important;
    width: 100% !important;
}

/* Inner produit */
.woocommerce-page.woocommerce-shop .product-inner,
.woocommerce-page.archive .product-inner,
.woocommerce-page.tax-product_cat .product-inner,
body.post-type-archive-product .product-inner {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    flex: 1 !important;
}

/* Zone image */
.woocommerce-page.woocommerce-shop .product-transition,
.woocommerce-page.archive .product-transition,
.woocommerce-page.tax-product_cat .product-transition,
body.post-type-archive-product .product-transition {
    height: 260px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    background-color: #ffffff !important;
    padding: 8px !important;
    border-radius: 20px !important;
}

/* Images produits - zoom modéré + border-radius */
.woocommerce-page.woocommerce-shop .product-transition img,
.woocommerce-page.archive .product-transition img,
.woocommerce-page.tax-product_cat .product-transition img,
body.post-type-archive-product .product-transition img,
.woocommerce-page.woocommerce-shop .product-image img,
.woocommerce-page.archive .product-image img,
.woocommerce-page.tax-product_cat .product-image img,
body.post-type-archive-product .product-image img {
    max-height: 245px !important;
    height: auto !important;
    width: auto !important;
    max-width: 100% !important;
    object-fit: contain !important;
    transform: scale(1.1) !important;
    border-radius: 20px !important;
}

/* Zone contenu */
.woocommerce-page.woocommerce-shop .product-content,
.woocommerce-page.archive .product-content,
.woocommerce-page.tax-product_cat .product-content,
body.post-type-archive-product .product-content {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 15px !important;
}

/* Titre du produit */
.woocommerce-page.woocommerce-shop .product-title,
.woocommerce-page.archive .product-title,
.woocommerce-page.tax-product_cat .product-title,
body.post-type-archive-product .product-title {
    flex-grow: 0 !important;
    min-height: 48px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

/* Zone prix - toujours en bas */
.woocommerce-page.woocommerce-shop .product-action,
.woocommerce-page.archive .product-action,
.woocommerce-page.tax-product_cat .product-action,
body.post-type-archive-product .product-action {
    margin-top: auto !important;
}

/* ============================================
   Responsive
   ============================================ */

@media (max-width: 991px) {
    .woocommerce-page.woocommerce-shop ul.products,
    .woocommerce-page.archive ul.products,
    .woocommerce-page.tax-product_cat ul.products,
    body.post-type-archive-product ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 15px !important;
    }
    
    .woocommerce-page.woocommerce-shop .product-transition,
    .woocommerce-page.archive .product-transition,
    .woocommerce-page.tax-product_cat .product-transition,
    body.post-type-archive-product .product-transition {
        height: 230px !important;
    }
    
    .woocommerce-page.woocommerce-shop .product-transition img,
    .woocommerce-page.archive .product-transition img,
    .woocommerce-page.tax-product_cat .product-transition img,
    body.post-type-archive-product .product-transition img {
        max-height: 215px !important;
        transform: scale(1.1) !important;
    }
}

@media (max-width: 575px) {
    .woocommerce-page.woocommerce-shop ul.products,
    .woocommerce-page.archive ul.products,
    .woocommerce-page.tax-product_cat ul.products,
    body.post-type-archive-product ul.products {
        grid-template-columns: 1fr !important;
    }
    
    .woocommerce-page.woocommerce-shop .product-transition,
    .woocommerce-page.archive .product-transition,
    .woocommerce-page.tax-product_cat .product-transition,
    body.post-type-archive-product .product-transition {
        height: 260px !important;
    }
    
    .woocommerce-page.woocommerce-shop .product-transition img,
    .woocommerce-page.archive .product-transition img,
    .woocommerce-page.tax-product_cat .product-transition img,
    body.post-type-archive-product .product-transition img {
        max-height: 245px !important;
        transform: scale(1.15) !important;
    }
}

/* ============================================
   STYLES EXISTANTS
   ============================================ */

/* Bouton Ajouter au panier - Texte et icône en blanc */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .add_to_cart_button,
.products .product .product-inner .product-action .add-to-cart a,
.product-action a,
.woocommerce .products .product .button,
.woocommerce-loop-product__link .button,
.woocommerce ul.products li.product .button:hover,
.woocommerce ul.products li.product .add_to_cart_button:hover,
.products .product .product-inner .product-action .add-to-cart a:hover,
.product-action a:hover,
.woocommerce .products .product .button:hover,
.woocommerce-loop-product__link .button:hover {
    color: #FFFFFF !important;
}

.woocommerce ul.products li.product .button i,
.woocommerce ul.products li.product .add_to_cart_button i,
.products .product .product-inner .product-action .add-to-cart a i,
.product-action a i,
.woocommerce .products .product .button i,
.woocommerce ul.products li.product .button:hover i,
.woocommerce ul.products li.product .add_to_cart_button:hover i,
.products .product .product-inner .product-action .add-to-card a:hover i,
.product-action a:hover i,
.woocommerce .products .product .button:hover i {
    color: #FFFFFF !important;
}

/* Icône panier en blanc */
.add-to-cart a svg,
.add-to-cart a svg path,
.button.add_to_cart_button svg,
.button.add_to_cart_button svg path,
.add-to-cart a:hover svg,
.add-to-cart a:hover svg path,
.button.add_to_cart_button:hover svg,
.button.add_to_cart_button:hover svg path {
    fill: #FFFFFF !important;
    stroke: #FFFFFF !important;
}

/* Titres des tabs sticky */
.elementor-widget-nested-tabs .e-n-tabs {
    overflow: visible !important;
    position: relative !important;
}

.elementor-widget-nested-tabs .e-n-tabs-heading {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 120px !important;
    align-self: flex-start !important;
    z-index: 50 !important;
    height: fit-content !important;
}

.elementor-widget-nested-tabs .e-n-tabs-content {
    position: relative !important;
    overflow: visible !important;
}

/* Boutons filtres page shop - Texte blanc au hover */
.elementor-button:hover,
.elementor-button:hover span {
    color: #FFFFFF !important;
}

/* Section breadcrumb - Texte en blanc */
.nutreko-breadcrumb .elementor-heading-title,
.nutreko-breadcrumb h1,
.nutreko-breadcrumb h2,
.nutreko-breadcrumb .breadcrumb,
.nutreko-breadcrumb .breadcrumb a,
.nutreko-breadcrumb .breadcrumb span,
.nutreko-breadcrumb p,
.elementor-widget-nutreko-woocommerce-breadcrumb,
.elementor-widget-nutreko-woocommerce-breadcrumb * {
    color: #FFFFFF !important;
}

/* Fond blanc pour les images produits */
.product-transition .product-image {
    background-color: #ffffff !important;
}
