/* Language switcher — carries over the look the WPML shortcode had, on the theme's own classes.
   The old `.wpml-ls-*` rules in styles-rtl.css / styles-ltr.css stay until WPML is removed, since
   other plugin surfaces can still emit that markup. Colours resolve to palette tokens: the hover
   was already exactly --cil-blue-light-3, and the text moves from pure black to the brand black. */

.cil-langs {
    list-style: none;
    padding: 10px;
    margin: 0;
    border-radius: 10px;
}

.cil-langs__item {
    display: block;
    text-align: center;
    padding: 6px;
    background: url(../../../images/header/catalog-menu-separation-line.png) bottom center no-repeat;
    background-size: 100% auto;
    transition: all 0.4s ease 0s;
}

.cil-langs__item:last-of-type { background-image: none; }

.cil-langs__link {
    display: inline-block;
    font-size: 12px;
    padding: 8px 10px;
    border-radius: 20px;
    color: var(--cil-black);
    text-decoration: none;
}

.cil-langs__link:hover,
.cil-langs__link:focus-visible { background: var(--cil-blue-light-3); }

/* The mobile menu gives each language a full-width row. */
.cil-langs--mobile .cil-langs__link {
    display: block;
    font-family: "Assistant-Bold";
    padding: 10px 40px;
}