/* ============================================
   TOURASSA - DESIGN PERSONNALISÉ v3
   ============================================ */

/* 1. FOND DU SITE */
body, .main-body, .page-wrapper {
    background-color: #E8F5E9 !important;
}

/* 2. IMAGES DES PRODUITS */
.img-category, .h-48.flex.justify-center.items-center {
    min-height: 200px !important;
    height: 200px !important;
}

.img-prodcut {
    max-width: 100% !important;
    max-height: 180px !important;
    object-fit: contain !important;
}

/* ============================================
   3. LOGO HEADER - TAILLE RÉDUITE
   ============================================ */
header img,
header a img,
header .neg-transition-scale,
.h-9.neg-transition-scale,
.h-11.neg-transition-scale {
    width: auto !important;
    height: 55px !important;
    max-width: 160px !important;
    max-height: 55px !important;
    object-fit: contain !important;
}

/* ============================================
   4. LOGO FOOTER - PREMIÈRE COLONNE SEULEMENT
   ============================================ */
footer.body-font > div > div:first-child img:first-of-type {
    width: 120px !important;
    max-width: 120px !important;
    height: auto !important;
    max-height: 100px !important;
    object-fit: contain !important;
}

/* 5. ICÔNES CATÉGORIES */
.h-6.w-6, .categories-menu .h-6.w-6 {
    width: 28px !important;
    height: 28px !important;
    overflow: hidden !important;
}

/* 6. BOUTONS D'ACTION */
.wishlist, .add-to-cart, .add-wishlist {
    opacity: 1 !important;
    visibility: visible !important;
}

/* 7. CACHER ANCIENNE BARRE WHATSAPP */
.chat-parent-container .chat-toggle-container {
    display: none !important;
}

/* ============================================
   8. FOOTER - 4 COLONNES
   ============================================ */
footer.body-font > div.flex.flex-wrap {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr 1fr !important;
    gap: 30px !important;
    align-items: start !important;
}

footer.body-font > div.flex.flex-wrap > div {
    width: 100% !important;
    max-width: 100% !important;
}

/* Réseaux sociaux - icônes visibles */
footer .social-icon {
    filter: brightness(0) invert(1) !important;
    width: 18px !important;
    height: 18px !important;
}

/* Responsive Footer */
@media (max-width: 1024px) {
    footer.body-font > div.flex.flex-wrap {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 640px) {
    footer.body-font > div.flex.flex-wrap {
        grid-template-columns: 1fr !important;
    }
    
    header img,
    header a img {
        height: 45px !important;
        max-height: 45px !important;
    }
}

/* ============================================
   9. TRAIT DU COPYRIGHT - ORANGE
   ============================================ */
section > div[style*="border-top"],
.border-gray-13[style*="border-top"] {
    border-top: 2px solid #F57C00 !important;
}

/* 10. COULEURS ACCENT */
.primary-bg-color, .bg-green-500 {
    background-color: #2E7D32 !important;
}

/* 11. HEADER TOP BAR */
.top-bar, header .bg-gray-100 {
    background-color: #2E7D32 !important;
    color: white !important;
}

.top-bar a, header .bg-gray-100 a {
    color: white !important;
}