.ldd-lang{position:relative}
/* Il <button> non deve ereditare il font dell'UA. Prima c'era `font:inherit`:
   la shorthand porta dentro anche la famiglia, quindi si dichiarano separati. */
.ldd-lang-toggle{display:inline-flex;align-items:center;gap:.35rem;background:none;border:0;cursor:pointer;color:inherit;
  font-family:var(--bk-font-sans);font-size:var(--bk-fs-md);font-weight:inherit;line-height:inherit}
.ldd-lang-toggle svg{width:20px;height:20px}
.ldd-lang-code{font-size:var(--bk-fs-sm);font-weight:600}
.ldd-lang-menu{position:absolute;right:0;top:calc(100% + .4rem);display:flex;flex-direction:column;min-width:7rem;
  background:var(--wp--preset--color--base,#ffffff);border:1px solid var(--wp--preset--color--border,#e4e4e7);
  border-radius:.5rem;box-shadow:0 6px 24px rgba(24,24,27,.12);padding:.25rem;z-index:60}
/* L'attributo hidden deve avere la precedenza sul display:flex sopra (regola
   d'autore vs UA), altrimenti il dropdown resta sempre aperto. */
.ldd-lang-menu[hidden]{display:none}
/* La tendina ha sfondo chiaro: senza colore esplicito gli item erediterebbero
   il colore di testo dell'elemento che ospita il toggle → testo illeggibile. */
.ldd-lang-item{display:flex;align-items:center;gap:.6rem;padding:.45rem .7rem;border-radius:.35rem;text-decoration:none;color:var(--wp--preset--color--contrast,#171717);font-size:var(--bk-fs-base);white-space:nowrap}
.ldd-lang-item:hover{background:var(--wp--preset--color--surface,#f4f4f5)}
.ldd-lang-item.is-current{font-weight:700}
/* Bandierina: SVG 4:3 dal tema. Il filo interno serve alle bandiere con
   il bianco sul bordo (Polonia, Grecia, Slovacchia): senza, sul fondo chiaro
   sembrano tagliate a meta'. Il raggio piccolo la tiene "stampata", non
   fluttuante. Sul pulsante chiuso e in tendina la stessa misura, 20x15. */
.ldd-flag{display:block;flex:none;width:20px;height:15px;border-radius:2px;box-shadow:inset 0 0 0 1px rgba(24,24,27,.14);object-fit:cover}
.ldd-lang-toggle .ldd-flag{width:22px;height:16.5px}
.ldd-lang-menu{min-width:11rem}