@media (max-width: 768px) {
    /* Ajustements pour la navbar */
    #main-navbar {
        width: 100% !important;
    }
    
    .navbar-header {
        float: none;
    }
    
    .navbar-toggle {
        display: block !important;
        margin-right: 15px;
    }
    
    .navbar-collapse.collapse {
        display: none !important;
    }
    
    .navbar-collapse.collapse.in {
        display: block !important;
        overflow-y: auto !important;
        max-height: calc(100vh - 50px);
    }
    
    /* Ajustements pour les logos */
    .navbar-left {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        padding: 5px 0;
    }
    
    .navbar-left img {
        max-height: 40px !important;
        margin: 3px !important;
    }
    
    /* Ajustements pour le texte */
    .navbar-text {
        text-align: center;
        width: 100%;
        margin: 5px 0 !important;
        padding: 0 10px;
    }
    
    /* Modification pour les onglets */
    .nav-tabs {
        overflow-x: auto;
        white-space: nowrap;
        flex-wrap: nowrap;
        height: auto !important;
        background-color: transparent !important;
        padding: 5px 0;
        margin-bottom: 0;
    }
    
    .nav-tabs > li {
        float: none;
        display: inline-block !important;
        margin: 0 2px;
    }
    
    .nav-tabs > li > a {
        padding: 6px 10px;
        font-size: 12px;
        display: block !important;
        color: #337ab7 !important;
        text-decoration: none !important;
    }
    
    /* Modification pour les onglets actifs */
    .nav-tabs > li.active,
    .nav-tabs > li.nav-tabs.active {
        display: inline-block !important;
    }
    
    .nav-tabs > li.active > a,
    .nav-tabs > li.active > a:hover,
    .nav-tabs > li.active > a:focus,
    .nav-tabs > li.nav-tabs.active > a {
        color: #555 !important;
        background-color: #fff !important;
        border: 1px solid #ddd !important;
        border-bottom-color: transparent !important;
        cursor: default !important;
        font-weight: bold !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    /* Ajustements pour les icônes */
    .navbar-right {
        float: none !important;
        display: flex;
        justify-content: center;
        margin: 0 !important;
        padding: 5px 0;
    }
    
    /* Ajustements pour le modal */
    .modal-dialog {
        width: 95%;
        margin: 10px auto;
    }
    
    .modal-content {
        padding: 10px;
    }
}

/* Styles pour les très petits écrans */
@media (max-width: 480px) {
    .navbar-left img {
        max-height: 30px !important;
    }
    
    .nav-tabs > li > a {
        padding: 5px 8px;
        font-size: 11px;
    }
}

@media screen and (max-width: 768px) {
    .navbar-collapse {
        max-height: calc(100vh - 50px);
        overflow-y: auto;
    }

    .navbar-collapse.in {
        display: block !important;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-collapse.collapsing {
        display: none !important;
    }
}