.language-switcher {
    display: flex;
    align-items: center; /* Allinea verticalmente */
    gap: 8px; /* Spaziatura tra IT e ENG */
    margin-left: auto; /* Spinge il selettore a destra */
  }
  
  .header__right {
    display: flex;
    align-items: center;
    justify-content: flex-end; /* Allinea tutto a destra */
    gap: 15px; /* Spaziatura tra il selettore e altri elementi */
  }
  
  .language-switcher a {
    text-decoration: none;
    padding: 5px 10px; /* Spaziatura interna */
    font-weight: 500;
    font-size: 0.9rem;
    color: var(--text-color); /* Adattivo al tema */
    border: 1px solid transparent; /* Nessun bordo di default */
    border-radius: 3px; /* Angoli arrotondati */
    transition: all 0.3s ease;
  }
  
  .language-switcher a.active {
    background-color: var(--primary); /* Sfondo per link attivo */
    color: var(--light-text-color); /* Colore del testo per link attivo nel tema chiaro */
    border-color: var(--primary); /* Bordo per link attivo */
    font-weight: bold;
  }
  
  .dark-theme .language-switcher a.active {
    background-color: var(--secondary); /* Sfondo per link attivo nel tema scuro */
    color: var(--dark-text-color); /* Colore del testo per link attivo nel tema scuro */
  }
  
  .language-switcher a:hover {
    background-color: rgba(0, 0, 0, 0.05); /* Hover per tema chiaro */
    color: var(--primary); /* Colore al passaggio del mouse */
  }
  
  .dark-theme .language-switcher a:hover {
    background-color: rgba(255, 255, 255, 0.1); /* Hover per tema scuro */
    color: var(--secondary); /* Colore al passaggio del mouse */
  }

/* Regola base per la galleria */
.image-gallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

/* Regole per le figure con immagini multiple */
.image-gallery figure {
    flex: 1 1 calc(50% - 10px); /* 50% larghezza meno il gap */
    max-width: calc(50% - 10px);
    text-align: center;
}

/* Regole per immagini singole */
.image-gallery:only-child figure {
    flex: 1 1 100%; /* Immagine singola occupa tutta la larghezza */
    max-width: 100%; /* Larghezza completa */
    text-align: center; /* Centra il testo */
}

/* Immagini all'interno delle figure */
.image-gallery img {
    width: 100%; /* Adatta l'immagine al contenitore */
    max-width: 100%;
    height: auto; /* Mantiene il rapporto d'aspetto */
}

/* Aggiunta per immagini singole */
.image-gallery:only-child img {
    max-width: 70%; /* Immagine più grande per la singola */
    margin: 0 auto; /* Centra l'immagine */
    display: block; /* Assicura che il margine funzioni */
}

/* Stile per immagini singole */
.image-gallery.single-image figure {
    max-width: 100%; /* L'immagine occupa l'intera larghezza del contenitore */
    margin: 0 auto; /* Centra il contenitore dell'immagine */
}

.image-gallery.single-image img {
    width: 100%; /* L'immagine si adatta al contenitore */
    height: auto; /* Mantiene il rapporto d'aspetto */
    display: block; /* Assicura il centraggio */
}

/* Layout responsivo per tablet e mobile */
@media (max-width: 1024px) {
    .image-gallery.single-image figure {
        max-width: 90%; /* Margine più stretto per tablet */
    }
}

@media (max-width: 768px) {
    .image-gallery.single-image figure {
        max-width: 100%; /* Immagine occupa l'intera larghezza */
    }
}

/* Layout responsivo per tablet e mobile */
@media (max-width: 1024px) {
    .image-gallery {
        flex-direction: column; /* Disposizione verticale */
    }

    .image-gallery figure {
        max-width: 100%; /* Larghezza completa del contenitore */
        margin: 0 auto; /* Centra i contenitori */
    }

    .image-gallery img {
        width: 100%; /* Immagine occupa tutta la larghezza */
        max-width: 100%; /* Previene lo sforamento */
        height: auto; /* Mantiene il rapporto d'aspetto */
    }
}

/* Layout aggiuntivo per mobile (fino a 768px) */
@media (max-width: 768px) {
    .image-gallery figure {
        max-width: 90%; /* Leggera riduzione per mobile */
    }
}

.menu-extra {
    margin-top: 15px; /* Spazio sopra le nuove sezioni */
    text-align: center; /* Centrare il contenuto */
  }
  
  .menu-extra .language-switcher {
    display: flex;
    justify-content: center;
    gap: 10px;
  }
  
  .menu-extra .language-switcher a {
    text-decoration: none;
    padding: 5px 10px;
    border: 1px solid transparent;
    border-radius: 3px;
    font-size: 0.9rem;
    font-weight: 500;
    color: var(--text-color);
  }
  
  .menu-extra .theme-toggle {
    margin-top: 10px;
  }