/* Force la couleur principale sur les éléments clés */
:root {
    --bs-primary: #ce5c00 !important;
    --bs-primary-rgb: 206, 92, 0 !important;
    --brand-primary: #ce5c00 !important;
}

/* Force la couleur sur les boutons principaux */
.btn-primary {
    background-color: #ce5c00 !important;
    border-color: #ce5c00 !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #a34900 !important;
    /* Version survol plus sombre */
    border-color: #a34900 !important;
}

/* Force la couleur sur les liens textuels principaux */
a {
    color: #ce5c00;
}

a:hover {
    color: #a34900;
}

/* Changer la couleur de bordure de TOUS les boutons de contour (outline) */
.btn-outline-primary {
    --bs-btn-color: #ce5c00 !important;
    --bs-btn-border-color: #ce5c00 !important;
    --bs-btn-hover-bg: #ce5c00 !important;
    --bs-btn-hover-border-color: #ce5c00 !important;
    --bs-btn-active-bg: #ce5c00 !important;
    --bs-btn-active-border-color: #ce5c00 !important;
}

/* Ciblage ultra-précis pour les boutons "Voir détails" et avis */
.btn-outline-primary,
.product-actions .btn-outline-primary,
#reviews .btn-outline-primary {
    color: #ce5c00 !important;
    border-color: #ce5c00 !important;
}

/* Comportement au survol (devient plein au survol) */
.btn-outline-primary:hover {
    color: #ffffff !important;
    background-color: #ce5c00 !important;
    border-color: #ce5c00 !important;
}

/* Quand l'accordéon est ouvert */
.accordion-button:not(.collapsed) {
    color: #ce5c00 !important;
}

/* Modifier la couleur de la flèche de l'accordéon ouvert */
.accordion-button:not(.collapsed)::after {
    /* Bootstrap utilise un SVG en background-image, on filtre sa couleur pour l'approcher de l'orange */
    filter: invert(34%) sepia(97%) saturate(2329%) hue-rotate(19deg) brightness(93%) contrast(101%) !important;
}

/* --- Surcharges spécifiques pour le Footer --- */

/* 1. Forcer tous les titres du footer en blanc */
.footer-container h2,
.footer-container h3,
.footer-container h4,
.footer-container .block-title {
    color: #ffffff !important;
}

/* 2. Passer les liens et le texte (adresses, icônes) en gris clair/blanc */
.footer-container,
.footer-container a,
.footer-container .links a,
.footer-container .block-contact {
    color: #cccccc !important;
    /* Gris clair par défaut pour être doux pour les yeux */
}

/* 3. Effet au survol des liens dans le footer */
.footer-container a:hover,
.footer-container .links a:hover {
    color: #ffffff !important;
    /* Le lien devient blanc brillant quand on passe la souris dessus */
    text-decoration: underline !important;
    /* Optionnel : ajoute un léger soulignement au survol */
}