/* Couleurs personnalisées - Bleu et Jaune */
:root {
    --bs-primary: #0d6efd; /* Bleu */
    --bs-secondary: #ffc107; /* Jaune */
    --bs-primary-rgb: 13, 110, 253;
    --bs-secondary-rgb: 255, 193, 7;
}

/* Override des couleurs Bootstrap - Primary (Bleu) */
.btn-primary,
.bg-primary {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: #0b5ed7 !important;
    border-color: #0a58ca !important;
}

.text-primary {
    color: var(--bs-primary) !important;
}

.border-primary {
    border-color: var(--bs-primary) !important;
}

.btn-outline-primary {
    color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
}

.btn-outline-primary:hover {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
}

/* Override des couleurs Bootstrap - Secondary (Jaune) */
.btn-secondary,
.bg-secondary {
    background-color: var(--bs-secondary) !important;
    border-color: var(--bs-secondary) !important;
}

.btn-secondary:hover,
.btn-secondary:focus {
    background-color: #ffcd39 !important;
    border-color: #ffc720 !important;
}

.text-secondary {
    color: var(--bs-secondary) !important;
}

.border-secondary {
    border-color: var(--bs-secondary) !important;
}

.btn-outline-secondary {
    color: var(--bs-secondary) !important;
    border-color: var(--bs-secondary) !important;
}

.btn-outline-secondary:hover {
    background-color: var(--bs-secondary) !important;
    border-color: var(--bs-secondary) !important;
    color: var(--bs-dark) !important;
}

/* Navbar */
.nav-link.active {
    color: var(--bs-primary) !important;
}

.navbar-brand h1.text-primary {
    color: var(--bs-primary) !important;
}

/* Badges */
.badge.bg-primary {
    background-color: var(--bs-primary) !important;
}

.badge.bg-secondary {
    background-color: var(--bs-secondary) !important;
    color: var(--bs-dark) !important;
}

/* Pagination */
.pagination a.active {
    background-color: var(--bs-primary) !important;
    color: var(--bs-white) !important;
}

.pagination a:hover:not(.active) {
    background-color: var(--bs-primary) !important;
    color: var(--bs-white) !important;
}

/* Spinner */
.spinner-grow.text-primary {
    color: var(--bs-primary) !important;
}

/* Back to top button */
.back-to-top {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
}

.back-to-top:hover {
    background-color: #0b5ed7 !important;
    border-color: #0a58ca !important;
}

/* Hero section buttons */
.hero-header .btn-primary {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-secondary) !important;
}

/* Service/Feature items */
.service-content.bg-primary {
    background-color: var(--bs-primary) !important;
}

.service-content.bg-secondary {
    background-color: var(--bs-secondary) !important;
    color: var(--bs-dark) !important;
}

/* Footer */
.footer .text-primary {
    color: var(--bs-primary) !important;
}

.footer .text-secondary {
    color: var(--bs-secondary) !important;
}

/* Topbar */
.topbar.bg-primary {
    background-color: var(--bs-primary) !important;
}

/* Search icon */
.btn-search .text-primary {
    color: var(--bs-primary) !important;
}

/* Shopping bag icon */
.fa-shopping-bag,
.fa-shopping-bag.text-primary {
    color: var(--bs-primary) !important;
}

/* User icon */
.fa-user.text-primary {
    color: var(--bs-primary) !important;
}

/* Star icons */
.fas.fa-star.text-primary {
    color: var(--bs-primary) !important;
}

/* Product badges */
.text-white.bg-secondary {
    background-color: var(--bs-secondary) !important;
    color: var(--bs-dark) !important;
}

/* Border secondary in buttons */
.btn.border-secondary {
    border-color: var(--bs-secondary) !important;
}

.btn.border-secondary:hover {
    background-color: var(--bs-secondary) !important;
    color: var(--bs-dark) !important;
}

/* Hero section text */
.hero-header .text-secondary {
    color: var(--bs-secondary) !important;
}

/* Banner section */
.banner.bg-secondary {
    background-color: var(--bs-secondary) !important;
}

/* Testimonial */
.testimonial {
    background-color: rgba(13, 110, 253, 0.05) !important;
}

/* Counter icons */
.counter .text-secondary {
    color: var(--bs-secondary) !important;
}