/*
 * Bu paketin kendi ek stilleri — theme.css'e (satın alınan/hazır tema
 * dosyası, olduğu gibi bırakılır) dokunmadan üstüne eklenenler.
 */

/* Çerez bandı — paylaşılan varsayılan (koyu lacivert) temanın krem/koyu
 * yeşil paletiyle çakışıyordu. :where() ile sıfır özgüllük yazılmış
 * paylaşılan kurallar burada eziliyor. Renkler theme.css'in kendi
 * token'larından. */
#btk-cookie-notice {
    background: var(--ink);
    color: var(--cream);
    font-family: var(--f-body);
}

#btk-cookie-notice a {
    color: var(--gold);
}

#btk-cookie-accept {
    background: var(--brand);
    color: #fff;
    border-radius: 100px;
}

/* Sosyal medya butonları — iletişim sayfasının "Sosyal Medya" kutusu */
.social-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--brand-100);
    color: var(--brand);
    font-size: 1.1rem;
    transition: background .2s var(--ease), color .2s var(--ease);
}

.social-btn:hover {
    background: var(--brand);
    color: #fff;
}

/* Dil değiştirici — dikey dolgusu .nav__tel (telefon butonu) ile BİREBİR
 * aynı (.5rem üst/alt) olacak şekilde yazıldı; theme.css'in genel .btn
 * sınıfını kullanmak (--bs-btn-padding-y: .8rem) telefon butonundan
 * belirgin şekilde daha tombul/uzun çıkıyordu. */
.lang-switch__btn {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .5rem .85rem;
    border: 1px solid var(--line);
    border-radius: 100px;
    background: #fff;
    color: var(--ink);
    font-family: var(--f-body);
    font-weight: 600;
    font-size: .875rem;
    line-height: 1;
    transition: border-color .2s var(--ease), box-shadow .2s var(--ease);
}

.lang-switch__btn img { display: block; border-radius: 2px; }
.lang-switch__code { letter-spacing: .02em; }
.lang-switch__caret { font-size: .7rem; color: var(--muted); transition: transform .25s var(--ease); }
.lang-switch__btn:hover,
.lang-switch__btn[aria-expanded="true"] { border-color: var(--brand); box-shadow: var(--shadow-sm); }
.lang-switch__btn[aria-expanded="true"] .lang-switch__caret { transform: rotate(180deg); }

.lang-switch__menu { min-width: 11rem; }
.lang-switch__menu .dropdown-item { display: flex; align-items: center; gap: .6rem; }
.lang-switch__menu .dropdown-item img { border-radius: 2px; flex-shrink: 0; }
.lang-switch__menu .dropdown-item .bi-check-lg { color: #fff; }
/* Seçili dil: Bootstrap'ın varsayılan mavisi yerine temanın kendi
 * markası (yeşil zemin, beyaz yazı/ikon). */
.lang-switch__menu .dropdown-item.active,
.lang-switch__menu .dropdown-item:active {
    background: var(--brand);
    color: #fff;
}