/*
 * Nectar Shield - Custom Styles
 * Version: 7.0
 */

/* ========================================
   REMPLACEMENT "HOME" PAR "NECTAR SHIELD"
   ======================================== */

/* Cibler le titre de page "Home" */
.entry-title {
    font-size: 0 !important;
    line-height: 0 !important;
}

.entry-title::before {
    content: 'Nectar Shield' !important;
    font-size: 4rem !important;
    line-height: 1.2 !important;
    display: block !important;
    font-weight: 700 !important;
}

/* Cibler aussi le site-title */
.site-title a {
    font-size: 0 !important;
}

.site-title a::before {
    content: 'Nectar Shield' !important;
    font-size: 1.5rem !important;
    display: inline-block !important;
}

/* ========================================
   CATÉGORIES: 4 PAR LIGNE SUR DESKTOP
   ======================================== */

/* Forcer 4 catégories par ligne sur desktop */
@media (min-width: 769px) {
    /* Container des catégories */
    .woocommerce ul.products,
    .woocommerce-page ul.products {
        display: grid !important;
        grid-template-columns: repeat(4, 1fr) !important;
        gap: 20px !important;
    }
    
    /* Items de catégories */
    .woocommerce ul.products li.product-category,
    .woocommerce-page ul.products li.product-category {
        width: 100% !important;
        max-height: 300px !important;
        margin: 0 !important;
    }
    
    /* Images des catégories - rester carrées */
    .woocommerce ul.products li.product-category img,
    .woocommerce-page ul.products li.product-category img {
        max-height: 250px !important;
        height: 250px !important;
        object-fit: cover !important;
        width: 100% !important;
    }
    
    /* Titres des catégories */
    .woocommerce ul.products li.product-category h2,
    .woocommerce-page ul.products li.product-category h2 {
        font-size: 1.1rem !important;
        padding: 0.8rem !important;
        margin: 0 !important;
    }
    
    /* Nombre de produits */
    .woocommerce ul.products li.product-category .count,
    .woocommerce-page ul.products li.product-category .count {
        font-size: 0.85rem !important;
    }
}

/* Pour écrans moyens (tablettes landscape): 3 par ligne */
@media (min-width: 769px) and (max-width: 1024px) {
    .woocommerce ul.products,
    .woocommerce-page ul.products {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* Pour très grands écrans: garder 4 par ligne */
@media (min-width: 1200px) {
    .woocommerce ul.products,
    .woocommerce-page ul.products {
        grid-template-columns: repeat(4, 1fr) !important;
        gap: 25px !important;
    }
    
    .woocommerce ul.products li.product-category img,
    .woocommerce-page ul.products li.product-category img {
        height: 220px !important;
        max-height: 220px !important;
    }
}

/* ========================================
   RESPONSIVE MOBILE
   ======================================== */

@media (max-width: 768px) {
    .entry-title::before {
        font-size: 2.5rem !important;
    }
    
    .site-title a::before {
        font-size: 1.2rem !important;
    }
    
    /* 1 catégorie par ligne sur mobile */
    .woocommerce ul.products,
    .woocommerce-page ul.products {
        grid-template-columns: 1fr !important;
    }
    
    /* Catégories taille normale sur mobile */
    .woocommerce ul.products li.product-category img {
        height: auto !important;
        max-height: none !important;
    }
}

/* Pour petites tablettes portrait: 2 par ligne */
@media (min-width: 481px) and (max-width: 768px) {
    .woocommerce ul.products,
    .woocommerce-page ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}