/* ========================================
   SURCHARGE CSS - COULEUR #24b9d7 vers #ff0000
   ======================================== */

/* === LIENS ET TEXTES === */
a {
    color: #ff0000 !important;
}

a:focus, a:hover {
    color: #cc0000 !important; /* Version plus foncée pour hover */
}

#header .top-menu a[data-depth="0"]:hover, a:hover {
    color: #ff0000 !important;
}

/* === BOUTONS PRIMAIRES === */
.btn-primary, .btn-primary:hover {
    background-color: #ff0000 !important;
}

.btn-primary:hover {
    background-color: #cc0000 !important;
}

.btn-primary.focus, .btn-primary:focus {
    background-color: #cc0000 !important;
}

.btn-primary.active, .btn-primary:active, .open > .btn-primary.dropdown-toggle {
    background-color: #cc0000 !important;
}

.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover,
.btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover,
.open > .btn-primary.dropdown-toggle.focus, .open > .btn-primary.dropdown-toggle:focus,
.open > .btn-primary.dropdown-toggle:hover {
    background-color: #990000 !important;
}

.btn-primary.disabled.focus, .btn-primary.disabled:focus {
    background-color: #ff0000 !important;
}

.btn-primary.disabled:hover, .btn-primary:disabled:hover {
    background-color: #ff0000 !important;
}

/* === BOUTONS OUTLINE === */
.btn-outline-primary {
    color: #ff0000 !important;
    border-color: #ff0000 !important;
}

.btn-outline-primary:hover {
    background-color: #ff0000 !important;
    border-color: #ff0000 !important;
}

.btn-outline-primary.focus, .btn-outline-primary:focus {
    background-color: #ff0000 !important;
    border-color: #ff0000 !important;
}

.btn-outline-primary.active, .btn-outline-primary:active, .open > .btn-outline-primary.dropdown-toggle {
    background-color: #ff0000 !important;
    border-color: #ff0000 !important;
}

.btn-outline-primary.active.focus, .btn-outline-primary.active:focus, .btn-outline-primary.active:hover,
.btn-outline-primary:active.focus, .btn-outline-primary:active:focus, .btn-outline-primary:active:hover,
.open > .btn-outline-primary.dropdown-toggle.focus, .open > .btn-outline-primary.dropdown-toggle:focus,
.open > .btn-outline-primary.dropdown-toggle:hover {
    background-color: #990000 !important;
    border-color: #990000 !important;
}

.btn-outline-primary.disabled.focus, .btn-outline-primary.disabled:focus {
    border-color: #ff6666 !important;
}

.btn-outline-primary.disabled:hover, .btn-outline-primary:disabled:hover {
    border-color: #ff6666 !important;
}

/* === BOUTON LIEN === */
.btn-link {
    color: #ff0000 !important;
}

.btn-link:focus, .btn-link:hover {
    color: #cc0000 !important;
}

/* === FORMULAIRES === */
.form-control:focus {
    border-color: #ff0000 !important;
    outline: 0.1875rem solid #ff0000 !important;
}

.input-group.focus {
    outline: 0.1875rem solid #ff0000 !important;
}

.form-group.has-error input, .form-group.has-error select {
    outline: 0.1875rem solid #ff0000 !important;
}

.block_newsletter form input[type=text]:focus + button .search,
.btn-unstyle:focus .expand-more,
.search-widget form input[type=text]:focus + button .search {
    color: #ff0000 !important;
}

.search-widget form input[type=text]:focus {
    outline: 3px #ff0000 solid !important;
}

.header-top .search-widgets form input[type=text]:focus {
    background: #fff !important;
}

.bootstrap-touchspin .group-span-filestyle .btn-touchspin,
.group-span-filestyle .bootstrap-touchspin .btn-touchspin,
.group-span-filestyle .btn-default {
    background: #ff0000 !important;
}

.custom-radio input[type=radio]:checked + span {
    background-color: #ff0000 !important;
}

.block_newsletter form input[type=text]:focus {
    outline: 3px #ff0000 solid !important;
}

.block_newsletter form input[type=email]:focus {
    border: 3px #ff0000 solid !important;
}

/* === ÉLÉMENTS DE NAVIGATION === */
.dropdown-item.active, .dropdown-item.active:focus, .dropdown-item.active:hover {
    background-color: #ff0000 !important;
}

.nav-pills .nav-item.open .nav-link, .nav-pills .nav-item.open .nav-link:focus,
.nav-pills .nav-item.open .nav-link:hover, .nav-pills .nav-link.active,
.nav-pills .nav-link.active:focus, .nav-pills .nav-link.active:hover {
    background-color: #ff0000 !important;
}

/* === PAGINATION === */
.page-item.active .page-link, .page-item.active .page-link:focus, .page-item.active .page-link:hover {
    background-color: #ff0000 !important;
    border-color: #ff0000 !important;
}

.page-link {
    color: #ff0000 !important;
}

.page-link:focus, .page-link:hover {
    color: #cc0000 !important;
}

.pagination .current a {
    color: #ff0000 !important;
}

/* === CARTES ET BADGES === */
.card-primary {
    background-color: #ff0000 !important;
    border-color: #ff0000 !important;
}

.card-outline-primary, .card-outline-secondary {
    border-color: #ff0000 !important;
}

.tag-primary {
    background-color: #ff0000 !important;
}

.tag-primary[href]:focus, .tag-primary[href]:hover {
    background-color: #cc0000 !important;
}

/* === LISTE DE GROUPES === */
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    background-color: #ff0000 !important;
    border-color: #ff0000 !important;
}

/* === COULEURS DE FOND === */
.bg-primary {
    background-color: #ff0000 !important;
}

a.bg-primary:focus, a.bg-primary:hover {
    background-color: #cc0000 !important;
}

/* === COULEURS DE TEXTE === */
.text-primary {
    color: #ff0000 !important;
}

a.text-primary:focus, a.text-primary:hover {
    color: #cc0000 !important;
}

/* === ÉLÉMENTS SPÉCIFIQUES AU THÈME === */
.dropdown-item:focus, .dropdown-item:hover {
    color: #ff0000 !important;
}

.carousel .carousel-control .icon-next:hover i, .carousel .carousel-control .icon-prev:hover i,
.dropdown:hover .expand-more, .page-my-account #content .links a:hover i,
.search-widget form button[type=submit] .search:hover, .top-menu .sub-menu a:hover {
    color: #ff0000 !important;
}

.block-categories a, .facets-title {
    color: #232323 !important;
}

#subcategories ul li .subcategory-name:hover, .block-categories .arrows .arrow-down:hover,
.block-categories .arrows .arrow-right:hover, .block-categories .collapse-icons .add:hover,
.block-categories .collapse-icons .remove:hover, .cart-grid-body a.label:hover {
    color: #ff0000 !important;
}

#subcategories ul li:hover .subcategory-image a {
    border: 5px solid #ff0000 !important;
}

.product-price {
    color: #ff0000 !important;
}

.tabs .nav-tabs .nav-link.active {
    color: #ff0000 !important;
}

.tabs .nav-tabs .nav-link.active, .tabs .nav-tabs .nav-link:hover {
    border-bottom: #ff0000 3px solid !important;
}

#product-modal .modal-content .modal-body .product-images img:hover {
    border: #ff0000 3px solid !important;
}

.product-images > li.thumb-container .thumb.selected, .product-images > li.thumb-container .thumb:hover {
    border: #ff0000 3px solid !important;
}

.product-flags li.product-flag {
    background: #ff0000 !important;
}

.product-customization .product-message:focus {
    outline: 0.1875rem solid #ff0000 !important;
}

#blockcart-modal .product-name {
    color: #ff0000 !important;
}

.brands-sort .select-list:hover, .products-sort-order .select-list:hover, .suppliers-sort .select-list:hover {
    background: #ff0000 !important;
}

.facet-dropdown.open > .select-title {
    border: 3px solid #ff0000 !important;
}

.facet-dropdown .select-list:hover {
    background: #ff0000 !important;
}

.product-miniature .highlighted-informations .quick-view:hover {
    color: #ff0000 !important;
}

/* === CHECKOUT ET COMMANDE === */
body#checkout section.checkout-step.-reachable.-current .step-number {
    background-color: #00c062 !important; /* Garder le vert pour le processus de commande */
}

body#checkout section.checkout-step .address-item.selected {
    border: #ff0000 3px solid !important;
}

body#checkout a:hover {
    color: #cc0000 !important;
}

/* === HEADER ET NAVIGATION === */
#header .header-nav .cart-preview.active {
    background: #ff0000 !important;
}

#header .header-nav .blockcart a:hover {
    color: #ff0000 !important;
}

#header a:hover {
    color: #ff0000 !important;
}

.account-list a:hover, .block_newsletter form button[type=submit] .search:hover, .footer-container li a:hover {
    color: #ff0000 !important;
}

.block-social ul li:hover {
    background-color: #ff0000 !important;
}

/* === FOOTER AVEC FOND ROUGE === */
.footer-container {
    background-color: #ff0000 !important;
    color: #ffffff !important;
}

/* Tous les textes dans le footer en blanc */
.footer-container,
.footer-container p,
.footer-container span,
.footer-container div,
.footer-container h1,
.footer-container h2,
.footer-container h3,
.footer-container h4,
.footer-container h5,
.footer-container h6,
.footer-container li,
.footer-container .block-contact,
.footer-container .contact-rich,
.footer-container .contact-rich .block .data,
.footer-container .contact-rich h4,
.footer-container .linklist .blockcms-title a,
.footer-container #block_myaccount_infos .myaccount-title a {
    color: #ffffff !important;
}

/* Liens dans le footer */
.footer-container a,
.footer-container li a,
.footer-container .links a,
.footer-container .links ul > li a,
.footer-container .block-contact a,
.footer-container .contact-rich a,
.footer-container .linklist a,
.footer-container #block_myaccount_infos a {
    color: #ffffff !important;
    text-decoration: none;
}

/* Hover et active pour les liens du footer - nuances de noir */
.footer-container a:hover,
.footer-container a:focus,
.footer-container li a:hover,
.footer-container li a:focus,
.footer-container .links a:hover,
.footer-container .links a:focus,
.footer-container .links ul > li a:hover,
.footer-container .links ul > li a:focus,
.footer-container .block-contact a:hover,
.footer-container .block-contact a:focus,
.footer-container .contact-rich a:hover,
.footer-container .contact-rich a:focus,
.footer-container .linklist a:hover,
.footer-container .linklist a:focus,
.footer-container #block_myaccount_infos a:hover,
.footer-container #block_myaccount_infos a:focus {
    color: #333333 !important;
}

/* Active state pour les liens du footer */
.footer-container a:active,
.footer-container li a:active,
.footer-container .links a:active,
.footer-container .links ul > li a:active,
.footer-container .block-contact a:active,
.footer-container .contact-rich a:active,
.footer-container .linklist a:active,
.footer-container #block_myaccount_infos a:active {
    color: #000000 !important;
}

/* Listes dans le footer */
.footer-container .links ul {
    background-color: transparent !important;
}

.footer-container .links ul > li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
}

/* Titres et séparateurs dans le footer */
.footer-container .links .title {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3) !important;
    color: #ffffff !important;
}

/* Icônes dans le footer */
.footer-container i,
.footer-container .material-icons,
.footer-container .block-contact .navbar-toggler .material-icons {
    color: #ffffff !important;
}

/* Icônes hover */
.footer-container i:hover,
.footer-container .material-icons:hover,
.footer-container .block-contact .navbar-toggler .material-icons:hover {
    color: #333333 !important;
}

/* Réseaux sociaux dans le footer */
.footer-container .block-social ul li {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

.footer-container .block-social ul li:hover {
    background-color: rgba(0, 0, 0, 0.2) !important;
}

.footer-container .block-social ul li a,
.footer-container .block-social ul li i {
    color: #ffffff !important;
}

.footer-container .block-social ul li:hover a,
.footer-container .block-social ul li:hover i {
    color: #000000 !important;
}

/* Newsletter dans le footer */
.footer-container .block_newsletter {
    background: transparent !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3) !important;
}

.footer-container .block_newsletter #block-newsletter-label {
    color: #ffffff !important;
}

.footer-container .block_newsletter form .row .col-xs-12:last-of-type p {
    color: #ffffff !important;
}

/* Boutons dans le footer */
.footer-container button,
.footer-container .btn {
    color: #ff0000 !important;
    background-color: #ffffff !important;
    border-color: #ffffff !important;
}

.footer-container button:hover,
.footer-container .btn:hover {
    color: #ffffff !important;
    background-color: #333333 !important;
    border-color: #333333 !important;
}

.footer-container button:active,
.footer-container .btn:active {
    color: #ffffff !important;
    background-color: #000000 !important;
    border-color: #000000 !important;
}

/* === CONTRÔLES PERSONNALISÉS === */
.custom-control-input:checked ~ .custom-control-indicator {
    background-color: #0074d9 !important; /* Garder la couleur d'origine pour les checkbox */
}

.custom-control-input:focus ~ .custom-control-indicator {
    box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.2rem #0074d9 !important;
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-indicator {
    background-color: #0074d9 !important;
}

.custom-select:focus {
    border-color: #ff0000 !important;
}

/* === PROMO ET DISCOUNT === */
.block-promo .promo-input + button {
    border: 2px solid #ff0000 !important;
}

.block-promo .promo-code-button.cancel-promo {
    color: #ff0000 !important;
}

/* Update links in elements with red backgrounds */
.btn-primary,
.card-primary a,
.tag-primary a,
.bg-primary a,
.dropdown-item.active a,
.nav-pills .nav-link.active a,
.page-item.active a,
.list-group-item.active a,
.product-flags li.product-flag a,
#header .header-nav .cart-preview.active a {
    color: #ffffff !important;
    text-decoration: none;
}

.btn-primary:hover, .btn-primary:focus {
    color: #ffffff !important;
    text-decoration: none;

}