/* =====================================================
   VARIABLES DE CHARTE
   ===================================================== */
:root {
    --green-main: #2f6b2f;      /* vert principal */
    --green-dark: #1f4d1f;      /* vert foncé */
    --green-light: #bee497;     /* vert clair */
    --beige-bg: #f6f6f0;        /* fond doux */
    --text-main: #232323;       /* texte principal */
    --text-light: #ffffff;      /* texte clair */
    --text-muted: #7a7a7a;      /* texte secondaire */
	--red-main: #fb081f;        /* rouge */
	--orange-light:#fcbd76;     /* orange clair */
	--brown-main:#ae8d7e;		/* marron principal */
}

/* =====================================================
   BASE GLOBALE
   ===================================================== */
html, body {
    height: 100%;
    font-family: "Manrope", sans-serif;
    font-size: 1rem;
    line-height: 1.25em;
    color: var(--text-main);
    background-color: var(--beige-bg);
    margin: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* =====================================================
   TITRES – gestion individuelle
   ===================================================== */
h1, .h1 { color: var(--text-main); font-weight: 700; }
h2, .h2 { color: var(--text-main); font-weight: 700; }
h3, .h3 { color: var(--text-ligh); font-weight: 700; }
h4, .h4 { color: var(--text-main); font-weight: 700; }
h5, .h5 { color: var(--text-main); font-weight: 700; }
h6, .h6 { color: var(--text-main); font-weight: 700; }

/* Exemple module avec fond foncé :
   tu pourras surcharger la couleur pour ce module */
.module-dark h1 { color: var(--text-light); }
.module-dark h2 { color: var(--text-light); }
.module-dark h3 { color: var(--text-light); }
.module-dark h4 { color: var(--text-light); }
.module-dark h5 { color: var(--text-light); }
.module-dark h6 { color: var(--text-light); }

/* TITRE PRODUIT VALIDE */
.h6.product-name,
h6.product-name {
    color: var(--text-main) !important;   /* couleur désirée */
    font-weight: 700;                     /* épaisseur */
    text-transform: none;                 /* pas de majuscules forcées */
    font-size: 1rem;                      /* taille personnalisée */
}

/* =====================================================
   LIENS
   ===================================================== */
a { color: var(--green-main); text-decoration: none; }
a:hover { color: var(--green-dark); }

/* Liens modules, breadcrumb, compte, CMS, contact */
#block_myaccount_infos .myaccount-title a,
#header a,
#wrapper .breadcrumb li a,
.block-contact .block-contact-title,
.block-contact .navbar-toggler .material-icons,
.linklist .blockcms-title a {
    + color: var(--text-ligh) !important;
}

/* =====================================================
   CONTACT LINK (header + mobile)
   ===================================================== */

/* Desktop */
#contact-link a {
    color: var(--text-light) !important;
    font-weight: 600;
}

#contact-link a:hover {
    color: var(--text-light) !important;
}

/* Mobile */
#_mobile_contact_link a {
    color: var(--text-light) !important;
    font-weight: 600;
}

#_mobile_contact_link a:hover {
    color: var(--text-light) !important;
}

/* =====================================================
   HEADER - ZONE DESKTOP (hidden-sm-down)
   ===================================================== */

/* Liens desktop (connexion, contact, etc.) */
.hidden-sm-down a {
    color: var(--text-light) !important;
    font-weight: 600;
}

/* Hover */
.hidden-sm-down a:hover {
    color: var(--text-light) !important;
}

/* Icônes Material */
.hidden-sm-down .material-icons {
    color: var(--text-light) !important;
}

/* Texte simple (span, small, etc.) */
.hidden-sm-down span,
.hidden-sm-down small {
    color: var(--text-light) !important;
}

/* =====================================================
   LIENS DESKTOP – DÉCONNEXION (FORÇAGE TEXTE CLAIR)
   ===================================================== */

#header li.logout.hidden-sm-down a,
#header li.logout.hidden-sm-down a span {
    color: var(--text-light) !important;
    font-weight: 600;
}

/* Hover */
#header .logout.hidden-sm-down a:hover,
#header .logout.hidden-sm-down a:hover span {
    color: var(--text-light) !important;
}

/* Sécurité si Presta injecte <small> */
#header .logout.hidden-sm-down small {
    color: var(--text-light) !important;
}

/* =====================================================
   HEADER - ZONE MOBILE
   ===================================================== */

/* Liens mobile (compte, contact, etc.) */
#_mobile_user_info a,
#_mobile_contact_link a {
    color: var(--text-light) !important;
    font-weight: 600;
}

/* Hover */
#_mobile_user_info a:hover,
#_mobile_contact_link a:hover {
    color: var(--text-light) !important;
}

/* Icônes Material */
#_mobile_user_info .material-icons,
#_mobile_contact_link .material-icons {
    color: var(--text-light) !important;
}

/* Texte simple (span, small, etc.) */
#_mobile_user_info span,
#_mobile_user_info small,
#_mobile_contact_link span,
#_mobile_contact_link small {
    color: var(--text-light) !important;
}

/* =====================================================
   ICONE MENU MOBILE (Hamburger)
   ===================================================== */
#menu-icon .material-icons {
    color: var(--text-light) !important;
    font-size: 28px;
}

#menu-icon:hover .material-icons {
    color: var(--green-light) !important;
}

/* =====================================================
   MENU PRINCIPAL MOBILE & SOUS-MENUS – OPTIMISÉ
   ===================================================== */

/* =====================================================
   LIENS PRINCIPAUX & DROPDOWNS
   ===================================================== */
#_mobile_top_menu .top-menu a,
#_mobile_top_menu .top-menu a.dropdown-submenu {
    color: var(--text-light) !important;   /* texte principal clair */
    font-weight: 600;
    text-transform: uppercase;
    padding: 0.5rem 0.75rem;
}

/* =====================================================
   SOUS-MENUS – PROFONDEUR 1 & 2 – ÉTAT NORMAL
   ===================================================== */
#_mobile_top_menu .top-menu a[data-depth="1"],
#_mobile_top_menu .top-menu a[data-depth="2"] {
    padding-left: 1rem;                     /* indentation sous-menus */
    color: var(--green-dark) !important;    /* texte foncé par défaut */
    /* background-color: var(--green-light) !important;  fond optionnel */
}

/* =====================================================
   LIENS ACTIFS / SÉLECTIONNÉS
   ===================================================== */
#_mobile_top_menu .top-menu a[data-depth="1"].active,
#_mobile_top_menu .top-menu a[data-depth="2"].active,
#_mobile_top_menu .top-menu a[data-depth="1"].current,
#_mobile_top_menu .top-menu a[data-depth="2"].current {
    color: var(--green-dark) !important;    /* texte toujours foncé */
    /* background-color: var(--green-light) !important; fond clair si actif */
}

/* =====================================================
   HOVER / FOCUS – SOUS-MENUS
   ===================================================== */
#_mobile_top_menu .top-menu a[data-depth="1"]:hover,
#_mobile_top_menu .top-menu a[data-depth="2"]:hover,
#_mobile_top_menu .top-menu a[data-depth="1"]:focus,
#_mobile_top_menu .top-menu a[data-depth="2"]:focus {
    color: var(--green-main) !important;    /* texte clair au survol/focus */
    /* background-color: var(--green-dark) !important;  fond foncé optionnel */
}

/* =====================================================
   HOVER / FOCUS – LIENS PRINCIPAUX
   ===================================================== */
#_mobile_top_menu .top-menu a:hover,
#_mobile_top_menu .top-menu a:focus,
#_mobile_top_menu .top-menu a.dropdown-submenu:hover,
#_mobile_top_menu .top-menu a.dropdown-submenu:focus {
    color: var(--green-light) !important;   /* texte clair au survol/focus */
    /* background-color: var(--green-dark) !important;  fond foncé optionnel */
}

/* =====================================================
   PANIER DESKTOP – STRUCTURE & ALIGNEMENT
   ===================================================== */

#_desktop_cart {
    display: flex;
    align-items: center;
}

/* =====================================================
   BOUTON PANIER – CONTENEUR PRINCIPAL
   (blockcart = enveloppe globale)
   ===================================================== */

#_desktop_cart .blockcart {
    background-color: var(--green-main);
    padding: 6px 14px;
    border-radius: 6px;
    transition: background-color 0.3s ease;
}

/* =====================================================
   TEXTE PANIER – FORÇAGE GLOBAL
   (texte, liens, spans, compteur)
   ===================================================== */

#_desktop_cart .blockcart,
#_desktop_cart .blockcart a,
#_desktop_cart .blockcart span,
#_desktop_cart .blockcart div,
#_desktop_cart .blockcart strong,
#_desktop_cart .blockcart small {
    color: var(--text-light) !important;
    font-weight: 600;
}

/* =====================================================
   ICÔNE PANIER – ÉTAT NORMAL
   ===================================================== */

#_desktop_cart .blockcart .material-icons {
    font-size: 22px;
    color: var(--green-dark) !important;
}

/* =====================================================
   COMPTEUR PRODUITS
   ===================================================== */

#_desktop_cart .cart-products-count {
    background-color: var(--red-main);
    color: var(--green-dark) !important;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 2px 7px;
    border-radius: 12px;
    margin-left: 4px;
}

/* =====================================================
   HOVER PANIER (vide ou non)
   ===================================================== */

#_desktop_cart .blockcart:hover {
    background-color: var(--text-light); /* correction var() */
}

/* Texte au hover */
#_desktop_cart .blockcart:hover,
#_desktop_cart .blockcart:hover a,
#_desktop_cart .blockcart:hover span,
#_desktop_cart .blockcart:hover strong {
    color: var(--text-light) !important;
}

/* Compteur – état neutre (panier vide ou absent) */
#_desktop_cart .cart-products-count {
    background-color: transparent;
    color: inherit;
}

/* =====================================================
   PANIER VIDE (AUCUN PRODUIT)
   .cart-preview:not(.active)
   ===================================================== */

/* Fond bouton panier vide */
#_desktop_cart .cart-preview:not(.active) {
    background-color: var(--green-dark);
}

/* Texte panier vide */
#_desktop_cart .cart-preview:not(.active),
#_desktop_cart .cart-preview:not(.active) a,
#_desktop_cart .cart-preview:not(.active) span,
#_desktop_cart .cart-preview:not(.active) strong {
    color: var(--green-light) !important;
    font-weight: 600;
}

/* Icône panier vide */
#_desktop_cart .cart-preview:not(.active) .material-icons,
#_desktop_cart .cart-preview:not(.active) .material-icons.shopping-cart {
    color: var(--green-light) !important;
}

/* Hover panier vide */
#_desktop_cart .cart-preview:not(.active):hover {
    background-color: var(--green-light);
}

#_desktop_cart .cart-preview:not(.active):hover,
#_desktop_cart .cart-preview:not(.active):hover a,
#_desktop_cart .cart-preview:not(.active):hover span {
    color: var(--green-dark) !important;
}

#_desktop_cart .cart-preview:not(.active):hover .material-icons {
    color: var(--green-dark) !important;
}

/* =====================================================
   PANIER ACTIF (PRODUIT PRÉSENT)
   .cart-preview.active = état PrestaShop natif
   ===================================================== */
   
/* COMPTEUR – PANIER NON VIDE UNIQUEMENT */
#_desktop_cart .cart-preview.active .cart-products-count {
    background-color: var(--red-main);   /* rouge UNIQUEMENT quand panier rempli */
    color: var(--text-light) !important;
}   

#_desktop_cart .cart-preview.active {
    background-color: var(--green-main) !important;
}

/* Texte panier actif */
#_desktop_cart .cart-preview.active,
#_desktop_cart .cart-preview.active a {
    color: var(--text-light) !important;
}

/* Icône panier actif */
#_desktop_cart .cart-preview.active .material-icons,
#_desktop_cart .cart-preview.active .material-icons.shopping-cart {
    color: var(--text-light) !important;
}

/* Hover panier actif */
#_desktop_cart .cart-preview.active:hover .material-icons {
    color: var(--text-light) !important;
}

/* =====================================================
   PANIER MOBILE – STRUCTURE & ALIGNEMENT
   (même logique que desktop)
   ===================================================== */

#_mobile_cart {
    display: flex;
    align-items: center;
}

/* =====================================================
   BOUTON PANIER MOBILE – CONTENEUR
   ===================================================== */

#_mobile_cart .blockcart {
    background-color: var(--green-main);
    padding: 6px 14px;
    border-radius: 6px;
    transition: background-color 0.3s ease;
}

/* =====================================================
   TEXTE PANIER MOBILE – FORÇAGE GLOBAL
   ===================================================== */

#_mobile_cart .blockcart,
#_mobile_cart .blockcart a,
#_mobile_cart .blockcart span,
#_mobile_cart .blockcart div,
#_mobile_cart .blockcart strong,
#_mobile_cart .blockcart small {
    color: var(--text-light) !important;
    font-weight: 600;
}

/* =====================================================
   ICÔNE PANIER MOBILE
   ===================================================== */

#_mobile_cart .material-icons {
    font-size: 22px;
    color: var(--text-light) !important;
}

/* =====================================================
   COMPTEUR – MOBILE (NEUTRE PAR DÉFAUT)
   ===================================================== */

#_mobile_cart .cart-products-count {
    background-color: transparent;
    color: inherit;
}

/* =====================================================
   PANIER MOBILE ACTIF (PRODUITS PRÉSENTS)
   ===================================================== */

#_mobile_cart .cart-preview.active {
    background-color: var(--green-main) !important;
}

#_mobile_cart .cart-preview.active .cart-products-count {
    background-color: var(--red-main);
    color: var(--text-light) !important;
}

/* =====================================================
   PANIER MOBILE VIDE
   ===================================================== */

#_mobile_cart .cart-preview:not(.active) {
    background-color: var(--green-dark);
}

#_mobile_cart .cart-preview:not(.active) .cart-products-count {
    display: none;
}

/* =====================================================
   HOVER (si applicable)
   ===================================================== */

#_mobile_cart .blockcart:hover {
    background-color: var(--green-dark);
}

/* ======================================================
	Menu niveau 0
   ======================================================
*/
#header .header-top a[data-depth="0"] {
    color: var(--green-dark) !important;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 0.85rem;
}

#header .header-top a[data-depth="0"]:hover {
    color: var(--green-main) !important;
}

/* Sous-menus */
.top-menu a[data-depth="1"], .top-menu a[data-depth="2"] {
    padding: 0 .625rem .625rem 0;
    color: var(--green-dark) !important;
}

.top-menu a.dropdown-submenu {
    font-weight: 600;
    color: var(--green-dark) !important;
    text-transform: uppercase;
}

.top-menu a.dropdown-submenu:hover {
    color: var(--green-main) !important;
}

/* =====================================================
   HEADER TOP (logo + modules)
   ===================================================== */
.header-top {
    background-color: var(--green-light);
    padding: 12px 25px;
}

.header-top .container .row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

#_desktop_logo img,
#_mobile_logo img {
    max-width: 180px;
    height: auto;
}

.header-top-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
}

/* =====================================================
   RECHERCHE
   ===================================================== */
.search-widget input {
    border-radius: 6px;
    border: 1px solid var(--green-main);
}

.search-widget button {
    background-color: var(--green-main);
    color: var(--text-light);
    border-radius: 6px;
    border: none;
    padding: 5px 10px;
}

.search-widget button:hover {
    background-color: var(--green-dark);
}

/* =====================================================
   PANIER
   ===================================================== */
.blockcart {
    background-color: var(--green-main);
    padding: 5px 10px;
    border-radius: 6px;
}

.blockcart a {
    color: var(--text-light) !important;
    font-weight: 600;
}

.blockcart:hover {
    background-color: var(--green-dark);
}

.blockcart .material-icons { font-size: 20px; }

/* =====================================================
   MENU PRINCIPAL
   ===================================================== */
.header-nav {
    background-color: var(--green-main);
}

.header-nav .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.header-nav .container .row {
    justify-content: flex-start !important;
}

#_desktop_top_menu {
    margin-left: 0 !important;
    width: 100% !important;
}

.header-nav .top-menu a {
    color: var(--text-light);
    font-weight: 600;
    text-transform: uppercase;
    padding: 0.5rem 0.75rem;
}

.header-nav .top-menu a:hover {
    color: var(--green-light);
}

/* =====================================================
   BOUTONS GLOBAUX
   ===================================================== */
.btn,
.button,
.btn-primary {
    background-color: var(--green-main) !important;
    border-color: var(--green-main) !important;
    color: var(--text-light) !important;
    border-radius: 6px;
    font-weight: 600;
}

.btn:hover,
.button:hover,
.btn-primary:hover {
    background-color: var(--green-dark) !important;
    border-color: var(--green-dark) !important;
}

/* liens actives */

.tabs .nav-tabs .nav-link.active, .tabs .nav-tabs .nav-link:hover {
    border: 0;
    border-bottom: var(--green-dark) 3px solid;
}
.tabs .nav-tabs .nav-link.active {
    color: var(--green-dark);
}
.tabs .nav-tabs .nav-link {
    color: #7a7a7a;
    border: 0 solid transparent;
}

/* =====================================================
	ETIQUETTE NOUVEAU PRODUITS
   ===================================================== */

.product-flags li.product-flag {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: .3125rem .4375rem;
    margin-top: .625rem;
    font-size: 1rem;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    word-break: break-word;
    pointer-events: auto;
    background: var(--orange-light) !important;
}

/* =====================================================
	COULEURS LIENS/CADRES/SELECT
   ===================================================== */
.product-images>li.thumb-container .thumb.selected, .product-images>li.thumb-container .thumb:hover {
    border: var(--green-light) 3px solid;
}

.custom-radio input[type=radio]:checked+span {
    position: absolute;
    top: .125rem;
    left: .125rem;
    display: block;
    width: 12px;
    height: 12px;
    background-color: var(--green-light);
    border-radius: 50%;
}

/* CADRE ADRESSE PANIER */
body#checkout section.checkout-step .address-item.selected{
    background: #fff;
    border: var(--green-light)  3px solid;
}

/* LIENS SELECTION CATEGORIE */
#header .top-menu a[data-depth="0"]:hover, a:hover {
    color: var(--green-dark);
    text-decoration: none;
}

/* Supprime tout effet dynamique du thème sur l'image de sous-catégorie */
.subcategory-image a,
.subcategory-image a img {
    outline: none !important;   /* supprime le focus / survol par défaut */
    border: none !important;    /* supprime toute bordure appliquée */
    box-shadow: none !important;/* supprime tout ombrage */
}

/* COULEUR CADRE CATEGORIE HOVER */
.subcategory-image a:hover,
.subcategory-image a:focus {
    border: 5px solid var(--green-light) !important;
    border-radius: 8px;                    /* coins arrondis */
    box-shadow: none !important;           /* supprime tout reste d'ombre */
    transition: border 0.3s ease;
}

/* CHAMPS DE FORMULAIRE – ÉTAT FOCUS */

input:focus,
textarea:focus,
select:focus {
    border-color: var(--green-light) !important; /* couleur de bordure */
    box-shadow: 0 0 0 0.15rem rgba(47, 107, 47, 0.25) !important;
    outline: none !important;
}

/* CHAMPS MDP – ÉTAT FOCUS */

/* Conteneur complet */
#field-password:focus-within {
    box-shadow: 0 0 0 2px var(--green-light) !important;
    border-radius: 6px;
}

/* Champ mot de passe */
#field-password input[type="password"] {
    border-color: var(--green-light) !important;
    outline: none !important;
    box-shadow: none !important; /* important */
}

.form-control {
    padding: .5rem 1rem;
    color: #7a7a7a;
    background: #f6f6f6;
    border: 1px solid var(--green-light)
}

.input-group.focus {
	outline: .1875rem solide var(--green-light);
}

/* icone users */
.carousel .carousel-control .icon-next:hover i, .carousel .carousel-control .icon-prev:hover i, .dropdown:hover .expand-more, .page-my-account #content .links a:hover i, .search-widget form button[type=submit] .search:hover, .top-menu .sub-menu a:hover {
    color: var(--green-light);
}

/* FAVORIS */

/* FAVORIS – hover */
.wishlist-button-add:hover i { 
	color: var(--red-main);
}

.wishlist-button-add.is-active i,
.wishlist-button-product.is-active i {
    color: var(--red-main) !important;
}

/* =====================================================
   BLOCS / CARTES
   ===================================================== */
.card, .block { border-radius: 8px; }

/* =====================================================
	CAROUSEL TEXTE
   ===================================================== */
.carousel h1,
.carousel h2,
.carousel h3,
.carousel .carousel-caption h2 {
    text-transform: none !important;   /* supprime les MAJUSCULES forcées */
    font-size: 1.8rem !important;      /* ajuste : 1.4rem / 1.5rem / 1.8rem */
    letter-spacing: normal;/* enlève l'espacement excessif */
}

/* =====================================================
	CATEGORIE TEXTE
   ===================================================== */
.block-categories .text-uppercase {
    text-transform: none !important;
}

/* =====================================================
   FOOTER
   ===================================================== */
#footer {
    background-color: var(--green-main); /* --green-light */
    color: var(--text-light); /* titre --brown-main */
}

#footer a { color: var(--green-light); } /* texte lien --green-main */
#footer a:hover { color: var(--text-light); }

#footer .hidden-sm-down a {
    color: var(--text-light) !important;
    font-weight: 600;
}

.footer-after {
    background-color: var(--green-dark); /* --green-dark */ 
    color: var(--text-light); /* --text-light*/
    text-align: center;
    padding: 10px;
}

/* =====================================================
   FOOTER – ESPACEMENT INTERNE NEWSLETTER
   ===================================================== */

#footer .block_newsletter .row {
    margin-left: 0;
    margin-right: 0;
    padding: 0.5rem;   /* espace intérieur */
}

/* Hover */
#footer .block_newsletter button:hover,
#footer .block_newsletter .btn:hover,
#footer .ps_emailsubscription button:hover,
#footer .ps_emailsubscription .btn:hover {
    opacity: 0.85 !important;
}

/* =====================================================
   FOOTER – BLOC INFORMATIONS / CONTACT (CORRIGÉ)
   ===================================================== */

/* Titre "Informations" */
#footer .block-contact-title {
    color: var(--text-light) !important;
    font-weight: 700;
    margin-bottom: 0.5rem;
}

/* Tout le contenu du bloc contact */
#footer .block-contact,
#footer .block-contact * {
    color: var(--text-light) !important;
}

/* Texte centré du footer */
#footer .text-sm-center {
    color: var(--text-light) !important; /* ou la couleur que tu veux */
    font-size: 0.9375rem;
    font-weight: 400;
}


/* Lien email – hover */
 #footer .block-contact a:hover {
    color: var(--text-light) !important;
    text-decoration: underline;
}

/* =====================================================
   FOOTER – Block réseaux sociaux : icônes transparentes par défaut
   ===================================================== */
#footer .block-social ul li {
    display: inline-block;      /* garde l’alignement horizontal */
    width: 2.5rem;              /* largeur du carré */
    height: 2.5rem;             /* hauteur du carré */
    margin: 0.125rem;           /* espace entre les icônes */
    cursor: pointer;            /* pointeur au survol */
    background-color: var(--green-dark) !important; /* carré transparent */
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: background-color 0.3s ease;  /* transition douce au hover */
}

/* Hover : fond visible et léger effet */
#footer .block-social ul li:hover {
    background-color: #333 !important;  /* couleur au survol, modifiable */
    border-radius: 0.25rem;             /* coins arrondis optionnels */
}

/* =====================================================
   FOOTER – COULEURS VERSION MOBILE UNIQUEMENT
   ===================================================== */
@media (max-width: 767px) {

    /* 1. Tout le texte du footer */
    #footer,
    #footer * {
        color: var(--text-light) !important;
    }

    /* 2. Liens footer */
    #footer a {
        color: var(--green-dark) !important;
    }

    #footer a:hover,
    #footer a:focus {
        color: var(--text-light) !important;
    }

    /* 3. Footer bas */
    .footer-after,
    .footer-after span,
    .footer-after a {
        color: var(--text-light) !important;
    }

    /* 4. Réglage spécial newsletter – VERSION 1 : block_newsletter */
    #footer .block_newsletter,
    #footer .block_newsletter *,
    #footer .ps_emailsubscription,
    #footer .ps_emailsubscription * {
        color: #000 !important;              /* ou une autre couleur */
    }
}

	/* 5. Block réseaux sociaux */
#footer .block-social ul li {
    display: inline-block;      /* garde l’alignement horizontal */
    width: 2.5rem;              /* largeur du carré */
    height: 2.5rem;             /* hauteur du carré */
    margin: 0.125rem;           /* espace entre les icônes */
    cursor: pointer;            /* pointeur au survol */
    background-color: var(--green-dark) !important; /* carré transparent */
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: background-color 0.3s ease;  /* transition douce au hover */
}

/* Hover : fond visible et léger effet */
#footer .block-social ul li:hover {
    background-color: #333 !important;  /* couleur au survol, modifiable */
    border-radius: 0.25rem;             /* coins arrondis optionnels */
}
/* =====================================================
   RESPONSIVE
   ===================================================== */
@media (max-width: 1024px) {
    #_desktop_logo img { max-width: 150px; }
}

@media (max-width: 768px) {
    .header-top .container .row {
        flex-direction: column;
        text-align: center;
    }
    .header-top-right { justify-content: center; margin-top: 10px; }
    .header-nav { text-align: center; }
    #_desktop_logo img { max-width: 130px; }
    #_mobile_logo img { max-width: 120px; }
}

@media (max-width: 480px) {
    .header-top .container .row {
        flex-direction: column;
        text-align: center;
    }
    .header-top-right { justify-content: center; margin-top: 8px; }
    #_desktop_logo img { max-width: 100px; }
    #_mobile_logo img { max-width: 90px; }
    .header-nav .top-menu a { display: block; padding: 0.5rem 0; }
}