.navbar {
    background-color: #141112;
}

.nav-link {
    color: white;
}

.nav-link:hover {
    color: #F98933;
}

.navbar-toggler, .navbar-toggler-icon {
    color: white;
    border-color: white;
}

.btn-primary {
    background-color: #141112;
    border-color: #141112;
}

.btn-primary:hover {
    background-color: #F98933;
    border-color: #F98933;
}

.btn-outline-secondary {
    color: #141112;
    border-color: #141112;
}

.btn-outline-secondary:hover {
    background-color: #F98933;
    border-color: #F98933;
}

/* Styles pour l'offcanvas */
.offcanvas {
    background-color: #141112;
}

.offcanvas-header {
    background-color: #141112;
    border-bottom: 1px solid white;
}

.offcanvas-title {
    color: white;
}

.offcanvas-body {
    background-color: #141112;
}

.offcanvas-body .nav-link {
    color: white;
}

.offcanvas-body .nav-link:hover {
    color: #F98933;
}

.offcanvas-body .btn-close {
    color: white;
}

.offcanvas-body .btn-close:hover {
    color: #F98933;
}

.offcanvas-body .form-control {
    background-color: #141112;
    color: white;
    border-color: white;
}

.offcanvas-body .form-control:focus {
    border-color: #F98933;
    box-shadow: none;
}

.offcanvas-body .btn-outline-success {
    color: white;
    border-color: white;
}

.offcanvas-body .btn-outline-success:hover {
    background-color: #F98933;
    border-color: #F98933;
}

.offcanvas-header .btn-close {
    background: none;
    border: none;
    color: white; /* Couleur de l'icône */
    font-size: 1.5rem; /* Taille de l'icône */
    opacity: 1;
}

.offcanvas-header .btn-close:hover {
    color: #F98933; /* Couleur de l'icône au survol */
}

.offcanvas-header .btn-close .fa-xmark {
    color: white; /* Couleur de l'icône */
}

.offcanvas-header .btn-close:hover .fa-xmark {
    color: #F98933; /* Couleur de l'icône au survol */
}

footer {
    background-color: #141112;
    color: white;
}

footer a {
    color: white;
    text-decoration: none;
}

footer a:hover {
    color: #F98933;
    text-decoration: none;
}

.custom-link {
    color: black;
    text-decoration: none;
}

.custom-link:hover {
    color: #F98933;
    text-decoration: none;
}

.btn-secondary:hover {
    background-color: #F98933;
    color: white !important;
    border-color: #141112;
}

.btn-secondary {
    background-color: #141112;
    color: #F98933;
    border-color: #F98933;
}

.custom-svg:hover path {
    stroke: #F98933 !important;
}