/* Giriş yapılan hesap: "Ecz. Ad Soyad" (inc/site-account.class.php → SiteAccount::render()).
   Tek bilgi, tek renk: yazı rengi bulunduğu header'dan gelir (currentColor). Yalnız --site-page-* token'ları kullanılır;
   yeni header'da (.ieo-header__actions) aynı bileşen ek kural olmadan çalışır. */

.site-account-id {
    display: inline-block;
    max-width: 220px;
    overflow: hidden;
    color: inherit;
    font: 600 14px/1.2 var(--site-page-font);
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

a.site-account-id,
a.site-account-id:hover,
a.site-account-id:focus {
    color: inherit;
    text-decoration: none;
}

a.site-account-id {
    transition: opacity .15s ease;
}

a.site-account-id:hover {
    opacity: .85;
}

/* ── Yerleşim: eski header (inc/mmenu.inc.php). Yeni header'a geçince bu bölüm silinir. ──
   style.new.css'teki `.mh-head .mh-list li span` (padding 10px) kuralını ezecek ağırlıkta.
   Sağ sütun dar (%20): liste sütun genişliğiyle sınırlı kalırsa taşan kısım arama kutusunun altına girer;
   içeriği kadar genişleyip sola doğru büyür. Satır içi taban çizgisi ad ile "Hesabım"ı farklı yüksekliğe
   koyduğu için öğeler flex ile dikeyde ortalanır. Uzun ad kesilmez, iki satıra bölünür.
   Yazı tipi header bağlantılarınınki (Oswald, style.new.css); farklı yazı tipinde ad "Hesabım"ın yanında küçük kalır. */
.mh-head .mh-right > .mh-list {
    display: flex;
    align-items: center;
    width: max-content;
}

.mh-head .mh-list li .site-account-id {
    display: block;
    max-width: 240px;
    margin-right: 2px;
    padding: 2px 14px 2px 0;
    border-right: 1px solid rgba(255, 255, 255, .45);
    font: 400 17px/1.15 'Oswald', sans-serif;
    text-align: right;
    white-space: normal;
    overflow-wrap: anywhere;
}

@media only screen and (max-width: 1345px) {
    .mh-head .mh-list li .site-account-id {
        max-width: 230px;
        padding-right: 10px;
        font-size: 15px;
    }
}

@media only screen and (max-width: 1200px) {
    .mh-head .mh-list li .site-account-id {
        max-width: 150px;
        font-size: 14px;
        line-height: 1.1;
    }
}

/* Bu genişliğin altında soldaki menü bağlantıları adın üstüne biner; tablet/telefonda yalnız "Hesabım" kalır. */
@media only screen and (max-width: 1060px) {
    .mh-head .mh-list li.mh-account-id {
        display: none;
    }
}