.zeni-sml-switcher {
    display: flex;
    gap: 12px;
    align-items: center;
    margin: 0;
    padding: 8px 0;
    list-style: none;
}

.zeni-sml-item a {
    display: inline-flex;
    gap: 6px;
    align-items: center;
    /* Vlaječky mají různý poměr stran (US 19:10 vs CZ/DE 3:2); bez tohoto
       řádku by se nižší vlaječka zarovnala na účaří a klesla o ~2 px níž. */
    vertical-align: middle;
    text-decoration: none;
    line-height: 1;
    opacity: .65;
    transition: opacity .15s ease;
}

.zeni-sml-item a:hover,
.zeni-sml-item a:focus,
.zeni-sml-item.is-current a {
    opacity: 1;
}

.zeni-sml-flag {
    display: block;
    width: 22px;
    height: auto;
    border-radius: 2px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .12);
}

.zeni-sml-code {
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .04em;
}

/* Vlaječky vložené do menu (inc/menu.php).
   Layout stojí na řádkovém toku, ne na flexu: GeneratePress nastavuje
   `.main-navigation a{display:block}` se stejnou specificitou jako
   `.zeni-sml-menu-item > a` a v podmenu dokonce s vyšší, a protože se styl pluginu
   zařazuje před styl šablony, souboj o specificitu by prohrál. Vlaječka i popisek
   proto drží na řádku i uvnitř blokového odkazu. */
.zeni-sml-menu-item .zeni-sml-flag {
    /* Přebíjí `display: block` z .zeni-sml-flag, aby popisek nespadl pod vlaječku. */
    display: inline-block;
    /* Stejná oprava jako u .zeni-sml-item a — bez ní US vlaječka (19:10) klesne
       oproti CZ/DE (3:2) o pár px níž. */
    vertical-align: middle;
}

.zeni-sml-menu-item .zeni-sml-code {
    vertical-align: middle;
    margin-left: 6px;
    /* Bez tohoto řádku dědí popisek řádkování menu (u GeneratePressu i 55–60 px).
       Takhle vysoký inline box zarovnaný na střed přeroste strut řádku a vložená
       položka je o kus vyšší než ostatní — což roztáhne celý navigační pruh na
       všech stránkách. Sražením na 1 je řádek přesně stejně vysoký jako u běžné
       položky menu. */
    line-height: 1;
}