/* 🌑 MODE SOMBRE (Dark Mode) */
body.dark-mode {
    background-color: #121212;
    color: #e0e0e0;
}

/* Icônes Navbar en mode sombre */

body.dark-mode .logo-header {
    content: url(../Assets/Logo/Avif/logo-transparent-Header-Sombre.avif);
}

body.dark-mode .navbar-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='white' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

body.dark-mode .logo-footer {
    content: url(../Assets/Logo/Avif/logo-transparent-Footer-Sombre.avif);
}

/* Icônes breadcrumb en mode sombre */
body.dark-mode #img-accueil {
    content: url(../Assets/Breadcrumb/Avif/Accueil-Sombre.avif);
}

body.dark-mode #img-apropos {
    content: url(../Assets/Breadcrumb/Avif/A-propos-de-moi-Sombre.avif);
}

body.dark-mode #img-tarifs {
    content: url(../Assets/Breadcrumb/Avif/Reserver-Sombre.avif);
}

body.dark-mode #img-publication {
    content: url(../Assets/Breadcrumb/Avif/Publications-Sombre.avif);
}

body.dark-mode #img-avis {
    content: url(../Assets/Breadcrumb/Avif/Avis-Sombre.avif);
}

body.dark-mode #img-contact {
    content: url(../Assets/Breadcrumb/Avif/Contact-Sombre.avif);
}

/* Éléments sombres communs */
body.dark-mode .section { 
    background-color: #121212 !important;
    color: #e0e0e0;
}

body.dark-mode .navbar,
body.dark-mode .footer,
body.dark-mode .dark-breadcrumb {
    background-color: #121212 !important;
}

body.dark-mode .nav-link,
body.dark-mode .nav-link:hover,
body.dark-mode .icon-fb {
    color: #e0e0e0 !important;
}

/* Components sombres */

body.dark-mode .navbar .navbar-nav li a::after {
    background: #e0e0e0;
}

body.dark-mode .btn-color {
    background-color: #e0e0e0;
}

body.dark-mode .btn-color:hover {
    background-color: rgba(224, 224, 224, 0.8);
}

body.dark-mode #accueil .btn-accueil {
    border-color: #121212;
}

body.dark-mode #accueil .btn-accueil:hover {
    border-color: transparent;
}

body.dark-mode .img-apropos:hover {
    box-shadow: 0 0 15px rgba(224, 224, 224, 0.8);
}

body.dark-mode .card {
    background-color: #282828;
    color: #e0e0e0;
}

body.dark-mode #tarifs button {
    color: #e0e0e0;
    border-color: #e0e0e0;
}

body.dark-mode #tarifs .card-btn:hover {
    background-color: rgba(224, 224, 224, 0.1);
}

body.dark-mode #tarifs .body-collapse {
    border-color: transparent;
}

body.dark-mode #publication small {
    color: #e0e0e0 !important;
}

body.dark-mode #avis .text-muted {
    color: #e0e0e0 !important;
}

body.dark-mode #avis .testimonial-card {
    background-color: #282828;
}

body.dark-mode #avis .text-secondary {
    opacity: 0.8;
    color: #e0e0e0 !important;
}

body.dark-mode #contact h2, 
body.dark-mode #contact p,
body.dark-mode #contact label,
body.dark-mode #contact ::placeholder,
body.dark-mode #contact .text-secondary {
    color: #e0e0e0 !important;
}

body.dark-mode #contact ::placeholder,
body.dark-mode #contact .text-secondary{
    opacity: .8;
}

body.dark-mode #contact .contact-inner {
    background-color: #282828;
}

body.dark-mode #contact input,
body.dark-mode #contact textarea {
    background-color: rgba(211, 211, 211, 0.4);
}

body.dark-mode #contact .form-control {
    color: #e0e0e0 !important;
    border-color: #e0e0e0;
}

body.dark-mode #contact .form-control:focus {
    box-shadow: 0 0 0 .10rem #e0e0e0 !important;
}