/*--------------------------------------------------------------
# Header spécifique pour la page recrutement
--------------------------------------------------------------*/

/* Force le header à toujours avoir le style scrolled sur la page recrutement */
.recrutement-page #header {
    background: rgba(255, 255, 255, 0.98) !important;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1) !important;
}

/* Force les liens à toujours être foncés */
.recrutement-page #header .navbar a,
.recrutement-page #header .navbar a:focus {
    color: #333 !important;
}

/* Liens actifs et hover */
.recrutement-page #header .navbar .active,
.recrutement-page #header .navbar .active:focus,
.recrutement-page #header .navbar li:hover > a {
    color: var(--primary-color) !important;
}

/* Underline effect toujours avec la couleur primaire */
.recrutement-page #header .navbar a::after {
    background: var(--primary-color) !important;
}

/* Logo sans filtre blanc */
.recrutement-page #header .logo img {
    filter: none !important;
}

/* Bouton téléphone avec bordure primaire */
.recrutement-page #header .navbar .btn-outline {
    border-color: var(--primary-color) !important;
    color: var(--primary-color) !important;
}

.recrutement-page #header .navbar .btn-outline:hover {
    background: var(--primary-color) !important;
    color: #fff !important;
}

/* Icône hamburger foncée */
.recrutement-page #header .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

/* Mobile menu - texte blanc sur fond noir */
@media (max-width: 991px) {
    .recrutement-page #header .navbar-collapse .nav-link {
        color: #fff !important;
    }
    
    .recrutement-page #header .navbar-collapse .nav-link:hover,
    .recrutement-page #header .navbar-collapse .nav-link.active {
        color: var(--primary-color) !important;
    }
    
    .recrutement-page #header .navbar-collapse .btn-outline {
        border-color: #fff !important;
        color: #fff !important;
    }
    
    .recrutement-page #header .navbar-collapse .btn-outline:hover {
        background: #fff !important;
        color: #000 !important;
    }
}