/* =========================================
   Polylang switcher (.bt-lang)
   ========================================= */

.bt-lang{ position: relative; display: inline-flex; }

.bt-lang__btn{
    display:flex;
    align-items:center;
    gap:8px;

    height:44px;
    padding:0 14px;
    border-radius:999px;

    background: rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.14);
    color: var(--text);

    font-size:13px;
    font-weight:600;
    letter-spacing:.25px;

    cursor:pointer;
    transition:.2s ease;
}
.bt-lang__btn:hover{
    background: rgba(255,255,255,.08);
    border-color: rgba(243,231,208,.45);
}
.bt-lang__icon{ font-size:15px; opacity:.9; }

.bt-lang__menu{
    position:absolute;
    top: calc(100% + 10px);
    right:0;

    background:#0f1114;
    border:1px solid rgba(255,255,255,.14);
    border-radius:14px;
    box-shadow:0 18px 40px rgba(0,0,0,.45);

    padding:6px;
    min-width:140px;

    opacity:0;
    transform: translateY(6px);
    pointer-events:none;
    transition:.18s ease;
    z-index:1000;
}

.bt-lang:hover .bt-lang__menu,
.bt-lang.is-open .bt-lang__menu{
    opacity:1;
    transform:none;
    pointer-events:auto;
}

/* Polylang output cleanup */
.bt-lang__menu ul{
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
}
.bt-lang__menu li{ margin:0 !important; padding:0 !important; }

.bt-lang__menu a{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;

    padding:10px 12px !important;
    border-radius:10px !important;

    font-size:13px !important;
    font-weight:650 !important;
    letter-spacing:.2px !important;

    color:rgba(242,242,242,.92) !important;
    text-decoration:none !important;
}
.bt-lang__menu a:hover{ background: rgba(255,255,255,.08) !important; }

.bt-lang__menu .current-lang > a{
    background: rgba(243,231,208,.10) !important;
    color: rgba(243,231,208,.95) !important;
}

/* flags */
.bt-lang__menu img{
    width: 16px !important;
    height: 11px !important;
    border-radius: 2px !important;
    display:block !important;
    opacity: .95 !important;
}

/* mobile accordion inside .nav-mobile */
@media (max-width: 900px){
    .nav-mobile .bt-lang{ width:100%; display:block; }
    .nav-mobile .bt-lang__btn{ width:100%; justify-content:center; }

    .nav-mobile .bt-lang__menu{
        position: static !important;
        margin-top: 10px !important;
        width: 100% !important;
        transform:none !important;
        opacity:1 !important;
        pointer-events:auto !important;
        display:none !important;
        border-radius: 18px !important;
    }
    .nav-mobile .bt-lang.is-open .bt-lang__menu{ display:block !important; }

    .nav-mobile .bt-lang__menu a{
        padding: 12px 14px !important;
        border-radius: 12px !important;
    }
}

/* ===== Fix Polylang bullets/dots in dropdown ===== */
.bt-lang__menu li::before,
.bt-lang__menu li::after,
.bt-lang__menu a::before,
.bt-lang__menu a::after,
.bt-lang__menu .lang-item::before,
.bt-lang__menu .lang-item::after{
    content: none !important;
    display: none !important;
}

/* на всякий: если тема рисует маркеры фоном/картинкой */
.bt-lang__menu ul,
.bt-lang__menu li{
    list-style: none !important;
    background-image: none !important;
}

/* ===== Spacing + alignment (mobile looks cleaner) ===== */
.nav-mobile .bt-lang__menu{
    padding: 10px !important;
}

.nav-mobile .bt-lang__menu a{
    justify-content: flex-start !important;
    padding: 14px 14px !important;
}

/* чтобы флажок и текст были ровно */
.bt-lang__menu img{
    flex: 0 0 16px !important;
}