/*
 Theme Name:    Astra Child
 Description:   Thème enfant pour mon automatisation WooCommerce
 Author:        Mon Nom
 Template:      astra
 Version:       1.0.0
*/

/* ============================================================
   1. CORRECTION DE LA GRILLE & DES ÉCARTS HORIZONTAUX
   ============================================================ */
.woocommerce ul.products:not(.elementor-grid), 
.woocommerce-page ul.products:not(.elementor-grid),
.woocommerce ul.products, 
.woocommerce-page ul.products {
    display: grid !important;
    /* On augmente légèrement l'espace entre les colonnes pour laisser respirer les cadres */
    column-gap: 25px !important; 
    row-gap: 30px !important;
}

/* On nettoie le conteneur LI d'origine */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product,
.woocommerce ul.products li.product-category {
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    box-shadow: none !important;
    height: auto !important;
}

/* ============================================================
   2. LE CADRE ROUGE SUR LES ARTICLES (BOUTIQUE & SOUS-CATÉGORIES)
   ============================================================ */
.woocommerce ul.products li.product:not(.product-category),
.woocommerce-page ul.products li.product:not(.product-category) {
    border: 2px solid #ff0000 !important;
    border-radius: 15px !important;
    /* On réduit le padding vertical (10px haut/bas) et garde 15px sur les côtés */
    padding: 10px 15px 12px 15px !important; 
    background: #ffffff !important;
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
    height: 100% !important;
    /* Ajoute une marge de sécurité à droite et à gauche pour éviter que les cadres se touchent */
    margin: 0 4px !important; 
}

/* Nettoyage des blocs internes d'Astra */
.woocommerce ul.products li.product:not(.product-category) .astra-shop-thumbnail-wrap,
.woocommerce ul.products li.product:not(.product-category) .astra-shop-summary-wrap {
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* ============================================================
   3. LE CADRE ROUGE SUR LES BLOCS CATÉGORIES (Image 4)
   ============================================================ */
.woocommerce ul.products li.product-category {
    border: 2px solid #ff0000 !important;
    border-radius: 15px !important;
    padding: 15px !important;
    background: #ffffff !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    margin: 0 4px !important;
}

/* ============================================================
   4. ACCUEIL (Gutenberg)
   ============================================================ */
.mon-alignement-pro li.wc-block-product,
.wc-block-grid__product {
    border: 2px solid #ff0000 !important;
    border-radius: 15px !important;
    padding: 15px !important;
    background: #ffffff !important;
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
}

/* ============================================================
   5. NETTOYAGE DES MARGES INUTILES (SUPPRIME LE VIDE SOUS FAVORIS)
   ============================================================ */
/* On force le bouton Favoris à rester compact et sans marge basse agressive */
.woocommerce ul.products li.product .yith-wcwl-add-to-wishlist,
.woocommerce ul.products li.product .add_to_wishlist,
.woocommerce ul.products li.product .feedback,
.ast-product-wishlist-action {
    margin-top: 5px !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    height: auto !important;
}

/* Ajustement des images */
.woocommerce ul.products li.product img,
.wc-block-components-product-image img {
    max-height: 160px !important; /* Légèrement réduit pour compacter la carte */
    object-fit: contain !important;
    margin: 0 auto 5px auto !important;
    display: block !important;
}

/* Alignement parfait des blocs de points et prix */
.woocommerce ul.products li.product .price {
    margin-top: 5px !important;
    margin-bottom: 8px !important;
    text-align: center !important;
}

/* Design du bouton Ajouter au panier */
.woocommerce ul.products li.product .button,
li.product .button {
    background-color: #ff0000 !important;
    color: white !important;
    border-radius: 50px !important;
    padding: 8px 15px !important; /* Légèrement plus compact */
    font-weight: bold !important;
    text-transform: uppercase !important;
    border: none !important;
    display: block !important;
    text-align: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* ==========================================================================
   Blocage définitif du prix buggé dans le panier Astra
   ========================================================================== */
.ast-woo-header-cart-total,
.ast-woo-header-cart-info-wrap {
    display: none !important;
}

/* Sécurité : On s'assure que le badge rouge contenant le nombre d'articles (3) reste bien affiché */
.ast-site-header-cart-li .count,
.ast-site-header-cart-li .ast-site-header-cart-number {
    display: inline-block !important;
}