/* ========================================= */
/* VARIABLES BOOTSTRAP 5 POUR HUMMINGBIRD     */
/* ========================================= */
/* Hummingbird est très moderne et gère ses couleurs via des variables CSS globales. 
   Il suffit de déclarer ceci pour que 90% du site de base se peigne en vert et jaune ! */
:root {
    --bs-primary: #8AC53F !important;
    /* Le Vert officiel */
    --bs-primary-hover: #FED207 !important;
    /* Le Jaune officiel au survol */

    --bs-link-color: #8AC53F !important;
    --bs-link-hover-color: #FED207 !important;

    --bs-link-color-rgb: 138, 197, 63;
}

/* ========================================= */
/* FORCAGE DES BOUTONS DE PANIER HUMMINGBIRD */
/* ========================================= */
.btn-primary {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
    color: #ffffff !important;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
    background-color: var(--bs-primary-hover) !important;
    border-color: var(--bs-primary-hover) !important;
    color: #111111 !important;
    /* Texte foncé sur le jaune pour la lisibilité */
}

/* Le bouton Panier de l'en-tête (Structure Hummingbird) */
.header .cart-preview,
#_desktop_cart .blockcart {
    background-color: var(--bs-primary) !important;
    border-radius: 5px;
    padding: 10px 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    color: #ffffff !important;
    /* Forcer le texte en blanc par défaut */
}

.header .cart-preview a,
.header .cart-preview i,
.header .cart-preview span,
#_desktop_cart .blockcart a,
#_desktop_cart .blockcart i,
#_desktop_cart .blockcart span {
    color: #ffffff !important;
}

.header .cart-preview:hover,
#_desktop_cart .blockcart:hover {
    background-color: var(--bs-primary-hover) !important;
}

/* Assurer le texte foncé au survol pour le jaune */
.header .cart-preview:hover a,
.header .cart-preview:hover i,
.header .cart-preview:hover span,
#_desktop_cart .blockcart:hover a,
#_desktop_cart .blockcart:hover i,
#_desktop_cart .blockcart:hover span {
    color: #111111 !important;
}

/* Onglets et cases à cocher */
.nav-tabs .nav-link.active {
    color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
}

.form-check-input:checked {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
}