/* --- 1. Pagrindinis konteineris --- */
.vb-language-switcher-wrapper {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    position: relative;
    line-height: 1;
    margin: 0;
    padding: 0;
    z-index: 1000;
    
    /* PATAISYMAS: Naudojame !important, kad permuštume tuos 70px iš style.css */
    width: auto !important; 
    min-width: 0 !important; 
}
/* Paslepiame <p> */
.vb-language-switcher-wrapper p {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* --- 2. Mygtukas (Trigger) --- */
.vb-ls-trigger {
    background: transparent;
    border: none;
    cursor: pointer;
    font-family: inherit;
    font-size: 15px; 
    font-weight: 500;
    color: inherit;
    display: flex;
    align-items: center;
    gap: 4px;
    
    /* PATAISYMAS: Pridedame tarpus, kad rėmelis (fokusas) būtų toliau nuo raidžių */
    padding: 6px 10px; 
    margin: 0; 
    border-radius: 4px; /* Kad fokusavimo rėmelis būtų šiek tiek užapvalintas */
}

/* Panaikiname standartinį naršyklės rėmelį ir sukuriame savo (jei reikia) 
   arba leidžiame naršyklei dėti rėmelį, bet jis dabar bus atitrauktas dėl paddingo */
.vb-ls-trigger:focus-visible {
    outline: 2px solid #000; /* Arba jūsų temos spalva */
    outline-offset: -2px;    /* Rėmelis viduje, bet su paddingu atrodys gerai */
    background-color: rgba(0,0,0,0.05); /* Švelnus fonas paspaudus */
}

/* --- 3. Rodyklė --- */
.vb-ls-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 10px;
    height: 10px;
    transition: transform 0.2s ease;
}

.vb-ls-arrow svg {
    display: block;
    width: 100%;
    height: 100%;
}

.vb-ls-dropdown.open .vb-ls-arrow {
    transform: rotate(180deg);
}

/* --- 4. Iššokantis sąrašas (Dropdown) --- */
.vb-ls-list {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;        /* Lygiuojasi su dešiniu mygtuko kraštu */
    
    /* Išvaizdos nustatymai */
    min-width: 60px; /* Sumažinau nuo 80px, kad būtų kompaktiškesnis */
    margin-top: 5px; /* Mažesnis tarpas nuo mygtuko iki sąrašo */
    padding: 0;      /* PANAİKINTAS paddingas - dabar hover efektas lies kraštus */
    
    background: #ffffff;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    list-style: none !important;
    overflow: hidden; /* Svarbu: kad kampai būtų užapvalinti ir hover neišlįstų */
}

.vb-ls-dropdown.open .vb-ls-list {
    display: block;
}

/* --- 5. Elementai --- */
.vb-ls-item {
    margin: 0 !important;
    padding: 0 !important;
}

.vb-ls-link {
    display: block;
    padding: 12px 12px; /* Standartinis, patogus plotas paspaudimui */
    text-decoration: none;
    color: #333333;
    font-size: 14px;
    text-align: center; /* Centruojame tekstą sąraše (LT, EN, RU atrodo gražiau centre) */
    transition: background-color 0.2s;
}

.vb-ls-link:hover {
    background-color: #f5f5f5;
}

.vb-ls-item.vb-current .vb-ls-link {
    font-weight: 600;
    background-color: #f0f0f0;
    color: #000;
}