/* Il selettore di lingua nell'intestazione della home. Stessa forma di quello
   delle pagine candidature (candidature/stile.css, .lingue): una pillola,
   la voce attiva piena in verde. In più la bandierina. */

.uh-lingue {
  display: inline-flex; gap: 2px; padding: 3px; border-radius: 999px;
  background: #F7F5EF; border: 1px solid #e2e0d8;
  font: 600 .8rem/1 "Poppins", system-ui, sans-serif;
}
.uh-lingue a {
  display: inline-flex; align-items: center; gap: .4rem;
  padding: .38rem .7rem; border-radius: 999px;
  color: #5a6660; text-decoration: none; letter-spacing: .04em;
}
.uh-lingue a:hover { color: #1B3B2D; background: #fff; text-decoration: none; }
.uh-lingue a.uh-attiva { background: #2D6A4F; color: #fff; }
.uh-lingue img {
  width: 20px; height: 14px; border-radius: 2px; display: block;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, .12);
}

/* ⚠️ Le bandiere non si stringono mai. Su un Samsung a 360 px logo e
   scritta si prendevano lo spazio, e il flex schiacciava le immagini in
   orizzontale: il tricolore diventava una striscia (segnalato il 23/09). */
.uh-lingue, .uh-lingue a, .uh-lingue img { flex-shrink: 0; }
.uh-lingue img { min-width: 20px; object-fit: cover; }

/* Sul telefono solo le bandiere: lo spazio accanto al logo è poco. */
.tm-header-mobile .uh-lingue a { padding: .42rem .48rem; font-size: 0; gap: 0; }
.tm-header-mobile .uh-lingue img { width: 22px; height: 15px; min-width: 22px; }
.tm-header-mobile .uh-lingue-voce { padding-left: 6px; padding-right: 0; }

/* A cedere è il logo, non le bandiere: la sinistra può restringersi. */
.tm-header-mobile .uk-navbar-left { min-width: 0; flex: 1 1 auto; }
.tm-header-mobile .uk-logo { min-width: 0; }
.tm-header-mobile .uk-logo img { max-width: 100%; height: auto; flex-shrink: 1; min-width: 0; }
@media (max-width: 400px) {
  .tm-header-mobile .uk-logo img { width: 128px; }
  .tm-header-mobile .uk-logo::after { font-size: .6rem; padding-left: 8px; }
  .tm-header-mobile .uk-logo { gap: 8px; }
}