.center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.center-horizontal {
    display: flex;
    justify-content: center;
}

.center-vertical {
    display: flex;
    align-items: center;
}

/* Styles pour la navigation MudAppBar */
.mud-appbar {
    z-index: 1100;
}

/* Ajustement du contenu principal pour éviter la superposition avec l'AppBar fixe */
.main-content {
    margin-top: 64px; /* Hauteur standard de MudAppBar */
}

/* Styles pour les boutons de navigation */
.mud-button-root:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

/* Amélioration du dropdown */
.dropdown-menu .mud-list-item {
    padding: 8px 16px;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

    .dropdown-menu .mud-list-item:hover {
        background-color: rgba(0, 0, 0, 0.04);
    }

/* Responsive design pour mobile */
@media (max-width: 960px) {
    .dropdown-menu {
        min-width: 150px;
        font-size: 0.875rem;
    }

    .mud-button-root {
        padding: 6px 12px;
        font-size: 0.875rem;
    }
}

/* Animation pour les icônes de dropdown */
.dropdown-toggle .mud-icon-root {
    transition: transform 0.3s ease;
}

.dropdown-toggle.active .mud-icon-root {
    transform: rotate(180deg);
}