/* assets/css/switcher.css v 1.1 */

.slinguami-switcher-container {
    position: relative; /* Per la posizione del dropdown */
    display: inline-flex; /* Allinea label e button orizzontalmente */
    align-items: center; /* Allinea verticalmente al centro */
    gap: 5px; /* Piccolo spazio tra label e button */
    width: 100%; /* Per permettere l'allineamento con justify-content */
}

/* Stili per l'allineamento del CONTENUTO del container */
.slinguami-switcher-align-left {
    justify-content: flex-start;
}

.slinguami-switcher-align-center {
    justify-content: center;
}

.slinguami-switcher-align-right {
    justify-content: flex-end;
}

/* Stili per l'etichetta */
.slinguami-switcher-label {
    font-size: 0.9em;
    color: #333;
    white-space: nowrap;
    cursor: pointer;
}

/* Stili per il pulsante */
.slinguami-switcher-btn {
    width: 24px; /* Approssimativo per 1cm a 96 DPI */
    height: 17px; /* Approssimativo per 0.7cm a 96 DPI */
    border: 1px solid #ccc; /* Bordo opzionale */
    background-color: #f9f9f9; /* Sfondo opzionale */
    padding: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.slinguami-switcher-btn:focus {
    outline: 2px solid #0073aa; /* Stile focus accessibile */
}

.slinguami-switcher-flag {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Copre il contenitore mantenendo le proporzioni */
    border-radius: 5px;
}

/* Stili per il dropdown */
.slinguami-switcher-dropdown {
    position: absolute;
    top: 100%; /* Sotto il pulsante */
    /* left: 0; */ /* Rimuoviamo left: 0; per gestire la posizione dinamicamente */
    background-color: white;
    border: 1px solid #ccc;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    z-index: 1000; /* Assicura che sia sopra altri elementi */
    min-width: 160px; /* Larghezza minima del menu */
    border-radius: 10px;
    overflow: hidden;
}

.slinguami-switcher-align-center .slinguami-switcher-dropdown {
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

/* Se il container è allineato a destra, allineiamo il dropdown al bordo destro del pulsante */
.slinguami-switcher-align-right .slinguami-switcher-dropdown {
    left: auto;
    right: 0;
}

.slinguami-switcher-dropdown ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.slinguami-switcher-dropdown li {
    border-bottom: 1px solid #eee; /* Separatore opzionale */
}

.slinguami-switcher-dropdown li:last-child {
    border-bottom: none; /* Rimuove il bordo dall'ultimo elemento */
}

.slinguami-switcher-link {
    display: flex;
    align-items: center;
    padding: 8px 12px;
    text-decoration: none;
    color: #333;
}

.slinguami-switcher-link:hover {
    background-color: #f2f2f2;
}

.slinguami-switcher-link.current-lang {
    font-weight: bold;
    background-color: #e6e6e6;
}

.slinguami-switcher-link img {
    width: 16px; /* Dimensione bandiera nei link */
    height: auto;
    margin-right: 8px;
}

.slinguami-switcher-link span {
    white-space: nowrap; /* Evita che il nome si spezzi */
}