/* ========================================
   BIHELIA - Override complet des couleurs rouges
   Ce fichier remplace TOUTES les couleurs rouges par l'or doré
   ======================================== */

/* Override GLOBAL de toutes les variables rouges */
* {
    --red: #D4AF37 !important;
    --danger: #D4AF37 !important;
    --bs-red: #D4AF37 !important;
    --bs-danger: #D4AF37 !important;
    --bs-danger-rgb: 212, 175, 55 !important;
    --secondaryColor: #D4AF37 !important;
    --greywhite: #D4AF37 !important;
    --pink: #D4AF37 !important;
}

/* Override des variables CSS Bootstrap */
:root {
    --bs-red: #D4AF37 !important;
    --bs-danger: #D4AF37 !important;
    --bs-danger-rgb: 212, 175, 55 !important;
    --red: #D4AF37 !important;
    --danger: #D4AF37 !important;
    --secondaryColor: #D4AF37 !important;
    --greywhite: #D4AF37 !important;
    --pink: #D4AF37 !important;
}

/* Override des variables pour tous les thèmes */
[data-bs-theme=light],
[data-bs-theme=dark] {
    --bs-red: #D4AF37 !important;
    --bs-danger: #D4AF37 !important;
    --bs-danger-rgb: 212, 175, 55 !important;
    --red: #D4AF37 !important;
    --danger: #D4AF37 !important;
    --secondaryColor: #D4AF37 !important;
    --greywhite: #D4AF37 !important;
    --pink: #D4AF37 !important;
}

/* ========================================
   TOUS LES ÉTATS HOVER, FOCUS, ACTIVE
   ======================================== */

/* Liens - tous les états */
a:hover,
a:focus,
a:active,
a:visited:hover {
    color: #D4AF37 !important;
}

/* Liens avec classe red */
a.red,
a[class*="red"]:hover,
a[class*="red"]:focus,
a[class*="red"]:active {
    color: #D4AF37 !important;
}

/* Boutons - tous les états */
button:hover,
button:focus,
button:active,
.btn:hover,
.btn:focus,
.btn:active {
    border-color: #D4AF37 !important;
}

/* Boutons danger - tous les états */
.btn-danger,
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger:visited {
    background-color: #D4AF37 !important;
    border-color: #D4AF37 !important;
    color: #FFFFFF !important;
}

/* Liens danger - tous les états */
.link-danger,
.link-danger:hover,
.link-danger:focus,
.link-danger:active {
    color: #D4AF37 !important;
}

/* Texte danger - tous les états */
.text-danger,
.text-danger:hover,
.text-danger:focus {
    color: #D4AF37 !important;
}

/* Background danger - tous les états */
.bg-danger,
.bg-danger:hover,
.bg-danger:focus {
    background-color: #D4AF37 !important;
}

/* Border danger - tous les états */
.border-danger,
.border-danger:hover,
.border-danger:focus {
    border-color: #D4AF37 !important;
}

/* Badges - tous les états */
.badge-danger,
.badge.bg-danger,
.badge-danger:hover,
.badge.bg-danger:hover {
    background-color: #D4AF37 !important;
    color: #FFFFFF !important;
}

/* Alerts - tous les états */
.alert-danger,
.alert-danger:hover {
    background-color: rgba(212, 175, 55, 0.15) !important;
    border-color: #D4AF37 !important;
    color: #283519 !important;
}

/* ========================================
   MENU ET NAVIGATION
   ======================================== */

/* Menu items - tous les états */
.menu-item:hover,
.nav-item:hover,
.nav-link:hover,
.nav-link:focus,
.nav-link:active {
    color: #D4AF37 !important;
}

/* Dropdown items - tous les états */
.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item:active,
.dropdown-item.active {
    background-color: #D4AF37 !important;
    color: #FFFFFF !important;
}

/* Nav pills - tous les états */
.nav-pills .nav-link:hover,
.nav-pills .nav-link:focus,
.nav-pills .nav-link.active {
    background-color: #D4AF37 !important;
    color: #FFFFFF !important;
}

/* Nav tabs - tous les états */
.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link.active {
    border-color: #D4AF37 !important;
    color: #D4AF37 !important;
}

/* ========================================
   FORMULAIRES
   ======================================== */

/* Form controls - états invalides */
.form-control:invalid,
.form-control.is-invalid,
.was-validated .form-control:invalid,
.form-control:invalid:focus,
.form-control.is-invalid:focus {
    border-color: #D4AF37 !important;
    box-shadow: 0 0 0 0.25rem rgba(212, 175, 55, 0.25) !important;
}

/* Form select - états invalides */
.form-select:invalid,
.form-select.is-invalid,
.was-validated .form-select:invalid {
    border-color: #D4AF37 !important;
}

/* Form check - états invalides */
.form-check-input:invalid,
.form-check-input.is-invalid,
.was-validated .form-check-input:invalid {
    border-color: #D4AF37 !important;
}

/* Invalid feedback */
.invalid-feedback,
.invalid-tooltip {
    color: #D4AF37 !important;
}

/* ========================================
   PAGINATION
   ======================================== */

/* Pagination - tous les états */
.pagination .page-link:hover,
.pagination .page-link:focus,
.pagination .page-item.active .page-link,
.pagination .page-item.active .page-link:hover,
.pagination .page-item.active .page-link:focus {
    background-color: #D4AF37 !important;
    border-color: #D4AF37 !important;
    color: #FFFFFF !important;
}

/* ========================================
   LIST GROUP
   ======================================== */

/* List group items - tous les états */
.list-group-item:hover,
.list-group-item:focus,
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
    background-color: #D4AF37 !important;
    border-color: #D4AF37 !important;
    color: #FFFFFF !important;
}

.list-group-item-danger {
    background-color: rgba(212, 175, 55, 0.15) !important;
    color: #283519 !important;
}

.list-group-item-danger:hover,
.list-group-item-danger:focus {
    background-color: rgba(212, 175, 55, 0.25) !important;
}

/* ========================================
   TABLES
   ======================================== */

/* Table danger - tous les états */
.table-danger,
.table-danger:hover,
.table > tbody > tr.table-danger:hover {
    background-color: rgba(212, 175, 55, 0.15) !important;
    color: #283519 !important;
}

.table-danger th,
.table-danger td {
    border-color: #D4AF37 !important;
}

/* ========================================
   PROGRESS BARS
   ======================================== */

/* Progress bar danger */
.progress-bar-danger,
.progress-bar.bg-danger {
    background-color: #D4AF37 !important;
}

/* ========================================
   TOOLTIPS & POPOVERS
   ======================================== */

/* Tooltip danger */
.tooltip-danger .tooltip-inner {
    background-color: #D4AF37 !important;
    color: #FFFFFF !important;
}

/* Popover danger */
.popover-danger .popover-header {
    background-color: #D4AF37 !important;
    color: #FFFFFF !important;
}

/* ========================================
   MODALS
   ======================================== */

/* Modal danger */
.modal-danger .modal-header {
    background-color: #D4AF37 !important;
    color: #FFFFFF !important;
}

/* ========================================
   TOASTS
   ======================================== */

/* Toast danger */
.toast-danger {
    background-color: #D4AF37 !important;
    color: #FFFFFF !important;
}

/* ========================================
   ACCORDIONS
   ======================================== */

/* Accordion button - état actif */
.accordion-button:not(.collapsed),
.accordion-button:not(.collapsed):hover,
.accordion-button:not(.collapsed):focus {
    background-color: rgba(212, 175, 55, 0.15) !important;
    color: #283519 !important;
}

/* ========================================
   CAROUSEL
   ======================================== */

/* Carousel indicators */
.carousel-indicators .active {
    background-color: #D4AF37 !important;
}

/* ========================================
   SPINNERS
   ======================================== */

/* Spinner danger */
.spinner-border-danger,
.spinner-grow-danger {
    color: #D4AF37 !important;
}

/* ========================================
   BREADCRUMB
   ======================================== */

/* Breadcrumb active */
.breadcrumb-item.active {
    color: #D4AF37 !important;
}

/* ========================================
   CARDS
   ======================================== */

/* Card danger */
.card-danger {
    border-color: #D4AF37 !important;
}

.card-danger .card-header {
    background-color: #D4AF37 !important;
    color: #FFFFFF !important;
}

/* ========================================
   OFFCANVAS
   ======================================== */

/* Offcanvas danger */
.offcanvas-danger {
    background-color: #D4AF37 !important;
}

/* ========================================
   CLASSES PERSONNALISÉES DU TEMPLATE
   ======================================== */

/* Tous les éléments avec "red" dans le nom de classe */
[class*="red"]:hover,
[class*="Red"]:hover,
[class*="RED"]:hover,
[class*="danger"]:hover,
[class*="Danger"]:hover {
    color: #D4AF37 !important;
    background-color: transparent !important;
}

/* Backgrounds avec "red" */
[class*="bg-red"]:hover,
[class*="background-red"]:hover {
    background-color: #D4AF37 !important;
}

/* ========================================
   ICÔNES ET SVG
   ======================================== */

/* Icônes hover */
i:hover,
.icon:hover,
.fa:hover,
.fas:hover,
.far:hover,
.fab:hover {
    color: inherit !important;
}

/* SVG hover */
svg:hover,
svg:hover path,
svg:hover circle,
svg:hover rect {
    fill: inherit !important;
    stroke: inherit !important;
}

/* ========================================
   SLICK SLIDER
   ======================================== */

/* Slick dots active */
.slick-dots li.slick-active button:before {
    color: #D4AF37 !important;
}

/* Slick arrows hover */
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    color: #D4AF37 !important;
    background: rgba(212, 175, 55, 0.1) !important;
}

/* ========================================
   GRID PRODUCTS
   ======================================== */

/* Grid wrapper hover */
.grid__wraper:hover,
.grid__wraper:focus {
    border-color: #D4AF37 !important;
}

/* Grid icons hover */
.grid__wraper__icon ul li a:hover,
.grid__wraper__icon ul li a:focus {
    background: #D4AF37 !important;
    border-color: #D4AF37 !important;
    color: #FFFFFF !important;
}

/* Grid title hover */
.grid__wraper__tittle a:hover,
.grid__wraper__tittle a:focus {
    color: #D4AF37 !important;
}

/* ========================================
   BANNIÈRES
   ======================================== */

/* Banner hover */
.banner__info h2 a:hover,
.banner__info h2 a:focus,
.banner__3__text h2 a:hover,
.banner__3__text h2 a:focus {
    color: #D4AF37 !important;
}

/* ========================================
   FOOTER
   ======================================== */

/* Footer links hover */
.footer__menu ul li a:hover,
.footer__menu ul li a:focus {
    color: #D4AF37 !important;
}

/* Footer social icons hover */
.footer__social__icon ul li a:hover,
.footer__social__icon ul li a:focus {
    background: #D4AF37 !important;
    color: #FFFFFF !important;
}

/* ========================================
   FORCER TOUS LES HOVER ROUGES
   ======================================== */

/* Forcer TOUS les hover avec couleur rouge */
*:hover[style*="color: red"],
*:hover[style*="color:#ff0000"],
*:hover[style*="color: #FF0000"],
*:hover[style*="color:#dc3545"],
*:hover[style*="color:#e74c3c"] {
    color: #D4AF37 !important;
}

/* Forcer TOUS les hover avec background rouge */
*:hover[style*="background: red"],
*:hover[style*="background:#ff0000"],
*:hover[style*="background-color: red"],
*:hover[style*="background-color:#ff0000"],
*:hover[style*="background-color:#dc3545"],
*:hover[style*="background-color:#e74c3c"] {
    background-color: #D4AF37 !important;
}

/* Forcer TOUS les focus avec couleur rouge */
*:focus[style*="color: red"],
*:focus[style*="color:#ff0000"],
*:focus[style*="color:#dc3545"] {
    color: #D4AF37 !important;
}

/* Forcer TOUS les active avec couleur rouge */
*:active[style*="color: red"],
*:active[style*="color:#ff0000"],
*:active[style*="color:#dc3545"] {
    color: #D4AF37 !important;
}