/*
 Theme Name:    Electro Child
 Theme URI:     https://themeforest.net/item/electro-electronics-store-woocommerce-theme/15720624
 Description:   This is the child theme of Electro
 Author:        MadrasThemes
 Author URI:    https://madrasthemes.com/
 Template:      electro
 Version:       3.6.5
 License:       GNU General Public License v2 or later
 License URI:   http://www.gnu.org/licenses/gpl-2.0.html
 Tags:          light, dark, two-columns, right-sidebar, responsive-layout
 Text Domain:   electro-child
*/

:root {
  /* Modifie la couleur principale (le jaune par défaut) */
  --bs-primary: #1500a1; 
  --bs-ec-primary: #1500a1;
  --bs-warning: #1500a1;

  /* Modifie la couleur du texte ou du corps si nécessaire */
  --bs-dark: #ffffff;
  
  /* Vous pouvez aussi modifier la police ici sans toucher au parent 
  --bs-font-sans-serif: "votre-police", sans-serif; */
}

/* Exemple : Changer la couleur des liens au survol */
a:hover {
  color: var(--bs-ec-primary);
}

/* Exemple : Forcer la couleur du bouton principal */
.btn-primary {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
}

a.departments-menu-v2-title{
	color: white !important;
}

.single-product .cart .quantity {
    display: inline-block;
    width: 5em !important;
}

/* 1. On force le conteneur à empiler les éléments */
form.cart {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 12px !important; /* Espacement uniforme entre chaque bloc */
    float: none !important;
}

/* 2. On s'assure que les wrappers de quantité ne bloquent pas la largeur */
form.cart .quantity, 
.custom-qty-wrapper {
    display: block !important;
    width: 100% !important;
    max-width: 350px !important; /* Longueur commune pour tout */
    margin: 0 !important;
}

/* 3. Forcer les boutons à devenir des blocs de même longueur */
form.cart .single_add_to_cart_button, 
form.cart .wc-buy-now-btn,
.custom-dropdown-select {
    display: block !important;
    width: 100% !important; /* Prend toute la place du max-width parent */
    max-width: 350px !important; 
    margin: 0 !important; /* Supprime les marges latérales d'Electro */
    padding: 12px 20px !important; /* Rend les boutons plus confortables */
    height: auto !important;
    min-height: 45px;
    text-align: center !important;
    float: none !important; /* Très important pour Electro */
    clear: both !important;
}

/* 4. Style spécifique pour le bouton Acheter Maintenant pour qu'il soit identique */
form.cart .wc-buy-now-btn {
    margin-top: 0 !important; 
}

/* Ajustement du label */
.custom-qty-wrapper label {
    display: block !important;
    margin-bottom: 8px !important;
    font-size: 14px;
    font-weight: 600;
}

/* Force l'icône, le prix et le texte en blanc dans le header */
/* 1. On cible l'icône et le texte à l'intérieur du lien */
div.header-icon a, 
div.header-icon a i, 
div.header-icon a span.total-price,
div.header-icon a .amount {
    color: #000000 !important;
    background-color: transparent !important; /* On enlève le fond blanc qui cache l'icône */
    text-decoration: none;
}

/* 2. On s'assure que l'icône seule est aussi blanche */
.header-icon i.ec-search {
    color: #ffffff !important;
    background-color: transparent !important;
}

/* 3. Le badge du compteur (le petit chiffre) */
/* Lui, il a souvent besoin d'un fond blanc pour ressortir */
.header-icon .header-icon-counter {
    background-color: #1500a1 !important; /* Fond du rond en blanc */
    color: #ffffff !important;            /* Chiffre en noir pour être lisible */
}

.header-icon i.ec {
    background-color: #000000 !important; /* Fond du rond en blanc */
    color: #000000 !important;            /* Chiffre en noir pour être lisible */
}

/* 4. Gestion du survol (Hover) */
div.header-icon a:hover, 
div.header-icon a:hover i {
    color: #eeeeee !important; /* Un gris très léger au survol */
    background-color: transparent !important;
}

.navbar-search .btn i.ec, .navbar-search button i.ec {
    color: white !important;
}

.header-icon a i.ec {
    color: #000000 !important;
    background-color: transparent !important;
}

.header-icon a:hover i.ec {
    color: #1500a1 !important;
    background-color: transparent !important;
}


div.sign-in-action > a, div.register-action > a {
    color: #1500a1 !important;
}

div.sign-in-action > a:hover, div.register-action > a:hover {
    color: #1500a1 !important;
}
/* 1. Menu utilisateur (Tableau de bord, Commandes, etc.) */
.dropdown-menu-user-account li.menu-item a:hover {
    color: #1500a1 !important;
}

.woocommerce-info {
    color: #ffffff !important;
}

.wc-proceed-to-checkout > .wc-forward {
    background-color: #1500a1 !important;
    color: #ffffff !important;
    border-color: #ffffff !important;; 
}

a.showcoupon {
    color: #ffffff !important;
    text-transform: bold;
}

a.showcoupon:hover {
    color: #ffffff !important;
    text-transform: bold;
}

.place-order > button.button {
  color: #ffffff !important;   
}

.accessories-add-all-to-cart > button.add-all-to-cart {
  color: #ffffff !important;  
}

/* 1. On cache le bouton par défaut (sur les écrans larges) */
.navbar-toggle-hamburger {
    display: none !important;
}

/* 2. On l'affiche uniquement pour les écrans inférieurs à 1200px (Tablettes et Mobiles) */
@media (max-width: 1199px) {
    .navbar-toggle-hamburger {
        display: inline-block !important; /* Ou 'flex' selon ton alignement */
    }
}