/* ==========================================
   NAVBAR MOBILE - Media queries pour responsive
   ========================================== */

/* Tablette et desktop */
@media (min-width: 992px) {
    .nav-link:hover {
        background: rgba(255, 255, 255, 0.1);
        backdrop-filter: blur(10px);
    }

    .nav-link.active {
        background: rgba(255, 107, 53, 0.15);
    }
}

/* Mobile */
@media (max-width: 991px) {
    .navbar {
        padding: 0.5rem 0;
    }

    .navbar-brand {
        font-size: 1.1rem;
    }

    .navbar-brand img {
        height: 30px;
    }

    .navbar-collapse {
        background: rgba(26, 26, 46, 0.98);
        backdrop-filter: blur(10px);
        margin-top: 1rem;
        padding: 1rem;
        border-radius: 1rem;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
    }

    .nav-item {
        margin: 0.5rem 0;
    }

    .nav-link {
        padding: 0.75rem 1rem !important;
        border-radius: 0.5rem;
    }

    .nav-link:hover,
    .nav-link.active {
        background: rgba(255, 107, 53, 0.2);
    }

    .nav-link::before {
        display: none;
    }

    /* Animation fluide pour l'ouverture/fermeture */
    .navbar-collapse {
        transition: none !important;
    }

    .navbar-collapse.collapsing {
        transition: height 0.25s ease !important;
    }
}

/* Petit mobile */
@media (max-width: 576px) {
    .navbar-brand {
        font-size: 1rem;
    }

    .navbar-brand img {
        height: 28px;
    }
}