/*
Theme Name: Aileway Child Theme
Theme URI: https://aileway-informatique.com
Description: Child theme Divi personnalisé pour Aileway
Author: Aileway Informatique
Author URI: https://aileway-informatique.com
Template: Divi
Version: 1.0.3
*/

/* ====== BREADCRUMB AILEWAY ====== */
.aileway-breadcrumb-bar {
    width: 100%;
    background: #ffffff;
    padding: 10px 0;
    margin: 0 0 20px 0;
    text-align: center;
    border-top: 1px solid #1A73E8;
    border-bottom: 1px solid #1A73E8;
    font-size: 14px;
}

.aileway-breadcrumb-bar a {
    color: #1A73E8;
    text-decoration: none;
    transition: color 0.2s;
}

.aileway-breadcrumb-bar a:hover {
    color: #1559b2;
    text-decoration: underline;
}
/* --- SUPPRESSION TOTALE DU FIL D'ARIANE woocommerce (Breadcrumb) --- */

.woocommerce-breadcrumb {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}



/*
Theme Name: Aileway Child Theme
Version: 1.5 (Final : Menu OK + Boutique Clean + Espace Bas Augmenté)
*/

/* ==========================================================================
   1. NETTOYAGE GLOBAL
   ========================================================================== */

/* Masquer le fil d'Ariane (Breadcrumb) */

.woocommerce-breadcrumb {
    display: none !important;
}
/* On s'assure que VOTRE breadcrumb personnalisé est bien visible */
.aileway-breadcrumb-bar {
    display: block !important;
}

/* ==========================================================================
   2. MENU PRINCIPAL (Divi Theme Builder)
   ========================================================================== */

@media (min-width: 981px) {
    
    /* Masquer la petite flèche Divi */
    .et_pb_menu .et-menu-nav > li.menu-item-has-children > a:after,
    .et_pb_menu .sub-menu > li.menu-item-has-children > a:after,
    .et-db #et-boc .et-l .et-menu .menu-item-has-children > a:first-child:after {
        display: none !important;
        content: none !important;
        border: none !important;
    }

    /* Structure & Largeur du sous-menu */
    .et_pb_menu .sub-menu {
        width: auto !important;
        min-width: 280px !important;     
        max-width: 450px !important;
        padding: 0 !important;
        border-top: 3px solid #2563eb !important; 
        box-shadow: 0 15px 30px rgba(0,0,0,0.15) !important;
        border-radius: 0 0 4px 4px;
    }

    /* Force le texte sur une seule ligne */
    .et_pb_menu .sub-menu li a {
        width: auto !important;
        white-space: nowrap !important;
        overflow: visible !important;
        display: block;
        padding-right: 30px !important;
    }

    /* TITRES (Niveau 2) */
    .et_pb_menu .sub-menu > li.menu-item-has-children > a {
        background-color: #f8fafc !important; 
        color: #1e293b !important;            
        font-weight: 700 !important;          
        text-transform: uppercase !important;
        font-size: 11px !important;
        letter-spacing: 1px;
        padding: 12px 20px !important;
        pointer-events: none;                 
        border-bottom: 1px solid #e2e8f0;
        cursor: default;
    }

    /* LIENS (Niveau 3) */
    .et_pb_menu .sub-menu > li:not(.menu-item-has-children) > a {
        background-color: #ffffff !important;
        color: #64748b !important;            
        font-weight: 500 !important;
        padding: 10px 20px !important;
        transition: all 0.2s ease;
    }

    /* SURVOL (HOVER) */
    .et_pb_menu .sub-menu > li:not(.menu-item-has-children) > a:hover,
    .et_pb_menu .sub-menu > li:not(.menu-item-has-children) > a:hover span {
        color: #2563eb !important;            
        background-color: #eff6ff !important; 
        padding-left: 28px !important;        
        font-weight: 700 !important;
        opacity: 1 !important;
    }
    
    /* Alignement vertical sous-menus */
    .et_pb_menu li li ul {
        top: -3px !important;
        margin-left: 1px !important;
    }
}

/* ==========================================================================
   3. MENU MOBILE (Pleine Largeur)
   ========================================================================== */

@media (max-width: 980px) {
    .et_pb_menu .et_mobile_menu, .et_mobile_menu {
        width: 100vw !important;
        max-width: 100vw !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        position: absolute !important;
        margin: 0 !important;
        box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important;
    }
    
    .et_mobile_menu li a {
        padding: 15px 20px !important;
        border-bottom: 1px solid #f1f5f9;
        font-size: 16px !important;
        text-align: left !important;
    }
}

/* ==========================================================================
   4. BOUTIQUE : MISE EN PAGE & CORRECTIFS
   ========================================================================== */

/* A. Masquer Sidebar et Ligne Grise */
.woocommerce-page #sidebar,
.tax-product_cat #sidebar,
.woocommerce-page #main-content .container:before,
.tax-product_cat #main-content .container:before {
    display: none !important;
    content: none !important;
}

/* B. Conteneur principal centré */
.woocommerce-page #left-area,
.tax-product_cat #left-area {
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    float: none !important;
    padding: 0 !important;
}

/* C. Centrer Titres et Tris */
.woocommerce-products-header,
.woocommerce-ordering,
.woocommerce-result-count {
    text-align: center !important;
    margin: 0 auto 30px auto !important;
    display: block !important;
    width: 100% !important;
    float: none !important;
}

/* D. LA GRILLE PRODUIT (Sans puces !) */
.woocommerce ul.products,
.woocommerce-page ul.products {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 30px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    list-style: none !important;
    list-style-type: none !important;
}

/* E. LES PRODUITS */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    flex: 0 0 22% !important; 
    width: 22% !important;
    max-width: 22% !important;
    
    margin: 0 !important;
    clear: none !important;
    float: none !important;
    list-style: none !important;
}

/* Supprime les points parasites */
.woocommerce ul.products li.product::before,
.woocommerce ul.products li.product::after {
    display: none !important;
    content: none !important;
}

/* F. RÉGLAGE ESPACE BAS DE PAGE (Le Padding Augmenté) */
/* C'est ici qu'on ajoute de l'air sous les produits */
.woocommerce-page #main-content .container {
    padding-bottom: 150px !important; /* 150px d'espace vide en bas */
}

/* G. RESPONSIVE */
@media (max-width: 980px) {
    .woocommerce ul.products li.product { flex: 0 0 45% !important; width: 45% !important; }
}
@media (max-width: 480px) {
    .woocommerce ul.products li.product { flex: 0 0 100% !important; width: 100% !important; margin: 0 auto 30px auto !important; }
}
/* ==========================================================================
   BOUTIQUE : AFFICHAGE LISTE (Image gauche, Texte droite)
   ========================================================================== */

/* Liste verticale */
.woocommerce ul.products,
.woocommerce-page ul.products {
    display: block !important;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 20px 0 !important;
    padding: 20px !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 8px !important;
    background: #fff !important;
}

/* GRILLE SUR LE LIEN (pas sur le li) */
.woocommerce ul.products li.product a.woocommerce-loop-product__link {
    display: grid !important;
    grid-template-columns: 200px 1fr !important;
    grid-template-rows: auto auto auto auto !important;
    gap: 15px 25px !important;
    align-items: start !important;
}

/* Image (span.et_shop_image) */
.woocommerce ul.products li.product a.woocommerce-loop-product__link .et_shop_image {
    grid-column: 1 !important;
    grid-row: 1 / -1 !important;
}

.woocommerce ul.products li.product img {
    width: 200px !important;
    height: 200px !important;
    object-fit: cover !important;
}

/* Titre */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    grid-column: 2 !important;
    grid-row: 1 !important;
    margin: 0 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
}

/* Prix */
.woocommerce ul.products li.product .price {
    grid-column: 2 !important;
    grid-row: 2 !important;
    margin: 0 !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #2563eb !important;
}

/* Description */
.woocommerce ul.products li.product .woocommerce-product-details__short-description {
    grid-column: 2 !important;
    grid-row: 3 !important;
    margin: 0 !important;
    color: #6b7280 !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
}

/* Bouton */
.woocommerce ul.products li.product .button {
    grid-column: 2 !important;
    grid-row: 4 !important;
}
/* Masquer le nombre de résultats */
.woocommerce-result-count {
    display: none !important;
}