/* Company Switcher Mobile Styles */

/* Améliorer le dropdown sur mobile */
@media (max-width: 640px) {
    /* Forcer le dropdown à s'afficher correctement sur mobile */
    [x-data*="dropdown"] {
        position: relative !important;
    }
    
    /* S'assurer que le dropdown est au-dessus de tout */
    .filament-dropdown-panel {
        z-index: 99999 !important;
        position: fixed !important;
        max-height: 50vh !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }
    
    /* Améliorer la lisibilité sur petit écran */
    .filament-dropdown-list-item {
        padding: 0.75rem 1rem !important;
        font-size: 0.95rem !important;
    }
    
    /* S'assurer que le dropdown ne dépasse pas de l'écran */
    [x-ref="panel"] {
        left: auto !important;
        right: 1rem !important;
        max-width: calc(100vw - 2rem) !important;
    }
    
    /* Améliorer le bouton trigger sur mobile */
    .company-switcher-trigger {
        max-width: 100% !important;
        overflow: hidden !important;
    }
}

/* S'assurer que le backdrop fonctionne sur mobile */
.filament-dropdown-backdrop {
    position: fixed !important;
    inset: 0 !important;
    z-index: 99998 !important;
}

/* Améliorer le scroll dans le dropdown */
.filament-dropdown-list {
    max-height: 40vh !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
}

/* Fix pour iOS Safari */
@supports (-webkit-touch-callout: none) {
    .filament-dropdown-panel {
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
    }
}