/* Modifier la couleur de fond et le texte des boutons principaux de WooCommerce */
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button, 
.woocommerce #respond input#submit,
.woocommerce-cart .button, 
.woocommerce-checkout .button,
.woocommerce ul.products li.product a.button,
.woocommerce div.product form.cart .button,
.woocommerce .single_add_to_cart_button {
    background-color: #CAB284; /* Couleur dorée */
    border-color: #CAB284; /* Couleur dorée */
    color: #006400; /* Texte vert foncé */
}

/* Modifier la couleur de fond et le texte des boutons au survol */
.woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover, 
.woocommerce #respond input#submit:hover,
.woocommerce-cart .button:hover, 
.woocommerce-checkout .button:hover,
.woocommerce ul.products li.product a.button:hover,
.woocommerce div.product form.cart .button:hover,
.woocommerce .single_add_to_cart_button:hover {
    background-color: #CAB284; /* Couleur dorée */
    border-color: #CAB284; /* Couleur dorée */
    color: #006400; /* Texte vert foncé */
}

/* Modifier la couleur du bouton "Voir le panier" et "Commander" */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce a.added_to_cart,
.woocommerce a.button.checkout {
    background-color: #CAB284; /* Couleur dorée */
    border-color: #006400; /* Bordure vert foncé */
    color: #006400; /* Texte vert foncé */
}

/* Modifier la couleur du bouton "Voir le panier" et "Commander" au survol */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce a.added_to_cart:hover,
.woocommerce a.button.checkout:hover {
    background-color: #006400; /* Couleur vert foncé */
    border-color: #006400; /* Bordure vert foncé */
    color: #CAB284; /* Texte doré */
}

/* Changer la couleur de l'étiquette "Promotion" */
.onsale {
    color: white !important; /* Texte blanc */
    background-color: red !important; /* Fond rouge */
    padding: 5px;
    border-radius: 3px;
    font-size: 1.2em;
}

/* Changer la couleur du lien de la catégorie "Promotion" */
.promotion-menu-link a {
    color: red !important;
}

.promotion-menu-link a:hover {
    color: red !important;
}

/* Styliser la barre de recherche */
.fibo-search input[type="search"],
.fibo-search-form input[type="search"] {
    background-color: transparent !important;
    border: 1px solid #ccc;
    color: #000;
    padding: 10px;
    border-radius: 5px;
}

.fibo-search input[type="search"]::placeholder,
.fibo-search-form input[type="search"]::placeholder {
    color: #888;
}

/* Bouton de recherche */
.fibo-search input[type="submit"],
.fibo-search-form input[type="submit"] {
    background-color: transparent !important;
    border: 1px solid #ccc;
    color: red;
    padding: 10px 15px;
    border-radius: 5px;
    cursor: pointer;
}

.fibo-search input[type="submit"]:hover,
.fibo-search-form input[type="submit"]:hover {
    background-color: #f1f1f1;
}

/* ✅ Corriger le problème du menu Boutique en beige sur l'accueil */
.home .main-header-menu .sub-menu a,
.home .ast-main-header-nav .sub-menu a,
.home .main-navigation .sub-menu a {
  color: #000 !important; /* Noir */
  opacity: 1 !important;
}

.home .main-header-menu .sub-menu,
.home .ast-main-header-nav .sub-menu,
.home .main-navigation .sub-menu {
  background-color: #fff !important; /* Fond blanc */
  box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
}