/**
 * Styles spécifiques pour la navbar plateforme
 * S'applique uniquement quand body a la classe .platform-mode
 */

/* Navbar plateforme avec gradient bleu */
.platform-mode .header {
    background: linear-gradient(135deg, #3B82F6 0%, #2563EB 100%);
    box-shadow: 0 2px 10px rgba(59, 130, 246, 0.3);
}

/* Logo en blanc pour plateforme */
.platform-mode .header .stock-logo {
    color: white;
    font-weight: 700;
}

/* Texte de recherche en blanc */
.platform-mode .header .top-nav-search input {
    background: rgba(255, 255, 255, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: white;
}

.platform-mode .header .top-nav-search input::placeholder {
    color: rgba(255, 255, 255, 0.7);
}

.platform-mode .header .top-nav-search .search-addon {
    color: white;
}

/* Boutons en mode plateforme */
.platform-mode .header .btn-primary {
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: white;
}

.platform-mode .header .btn-primary:hover {
    background: rgba(255, 255, 255, 0.3);
    border-color: rgba(255, 255, 255, 0.4);
}

.platform-mode .header .btn-dark {
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(0, 0, 0, 0.4);
}

/* Icônes en blanc */
.platform-mode .header .nav-link,
.platform-mode .header .nav-item i {
    color: white !important;
}

/* Burger menu en blanc */
.platform-mode .header .bar-icon span {
    background: white;
}

/* Badge notifications en blanc avec bordure */
.platform-mode .header .badge {
    background: rgba(255, 255, 255, 0.9);
    color: #3B82F6;
    border: 2px solid white;
}

/* Dropdowns restent avec fond blanc */
.platform-mode .header .dropdown-menu {
    background: white;
    color: #1e293b;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

/* Avatar utilisateur avec bordure blanche */
.platform-mode .header .user-img img {
    border: 2px solid rgba(255, 255, 255, 0.5);
}

/* Profil dropdown */
.platform-mode .header .profileset h6,
.platform-mode .header .user-name {
    color: white;
}

.platform-mode .header .profileset p {
    color: rgba(255, 255, 255, 0.8);
}

/* Hover effects */
.platform-mode .header .nav-link:hover {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 8px;
}

/* Flag/langue icône */
.platform-mode .header .flag-nav img {
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 4px;
}

/* Mobile menu button */
.platform-mode .header .mobile_btn {
    color: white;
}

/* Responsive */
@media (max-width: 991px) {
    .platform-mode .header {
        background: linear-gradient(135deg, #3B82F6 0%, #2563EB 100%);
    }
}