@charset "utf-8";
/* CSS Document */


/* ========== NAVIGATION FIXE ========== */
.navbar {
    background: rgba(26, 54, 93, 0.98);
    backdrop-filter: blur(10px);
    padding: 10px 0; /* Réduit le padding vertical */
    transition: all 0.4s ease;
    box-shadow: var(--shadow);
    border-bottom: 3px solid var(--secondary);
    z-index: 1000;
}

.navbar-brand {
    font-size: 1.3rem; /* Légèrement agrandi */
    font-weight: 800;
    background: var(--gradient-secondary);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: flex;
    align-items: center;
    white-space: nowrap;
    padding-right: 0; /* Réduit l'espace à droite */
    margin-right: 20px; /* Ajuste l'espacement avec le menu */
}

.navbar-brand i {
    margin-right: 5px; /* Réduit l'espace après l'icône */
    font-size: 1.4rem; /* Légèrement agrandi */
    background: var(--gradient-secondary);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.navbar-brand img {
    margin-left: 8px; /* Réduit l'espace entre le texte et le logo */
}

/* Pour centrer le menu */
.navbar-collapse {
    justify-content: flex-end; /* Centre le menu */
}

.navbar-nav {
    align-items: center; /* Centre verticalement les items */
}

.nav-link {
    color: white !important;
    font-weight: 500;
     margin: 0 10px; /* Réduit l'espacement horizontal entre les liens */
    padding: 8px 15px !important; /* Ajuste le padding */
    border-radius: 30px;
    transition: all 0.3s ease;
    position: relative;
    font-size: 1.05rem; /* Agrandit légèrement la police */
    white-space: nowrap;
}

.nav-link:hover, .nav-link.active {
    background: rgba(237, 137, 54, 0.2);
    color: var(--secondary) !important;
}

/* Pour les écrans larges */
@media (min-width: 992px) {
    .navbar .container {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    
    .navbar-nav {
        margin-left: auto; /* Pousse le menu à droite */
    }