/* Kozmetikler (çerçeve, isim stili, yazı tipi): yorumlardan profile kadar her yerde aynı sınıflarla uygulanır. */
.cosmetic-name{display:inline-block;max-width:100%;vertical-align:bottom}
.cosmetic-name-animated{animation:cosmetic-name-flow 5s linear infinite}
@keyframes cosmetic-name-flow{from{background-position:0% 50%}to{background-position:300% 50%}}

/* Avatarın etrafındaki çerçeve: avatar boyutuna göre ölçeklenir ve tıklamayı engellemez. */
.cosmetic-avatar{position:relative;display:inline-block;flex:none;line-height:0;vertical-align:middle}
.cosmetic-avatar>.cosmetic-avatar-frame{position:absolute!important;left:-14%!important;top:-14%!important;width:128%!important;height:128%!important;max-width:none!important;max-height:none!important;margin:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;object-fit:contain!important;pointer-events:none;z-index:2}
.cosmetic-avatar.has-frame>img:not(.cosmetic-avatar-frame){border-radius:50%}

@media(prefers-reduced-motion:reduce){.cosmetic-name-animated{animation:none}}

/* Yorumlarda avatar ızgara öğesidir; sarmalayıcı img ile aynı boyutu alır. */
.comment-item>.cosmetic-avatar{display:block;width:100%;aspect-ratio:1;align-self:start}
.comment-item>.cosmetic-avatar>img:not(.cosmetic-avatar-frame){width:100%;height:100%;object-fit:cover;background:#222}
.live-comments .lc-avatar .cosmetic-avatar{display:block;width:28px;height:28px}
.live-comments .lc-avatar .cosmetic-avatar>img:not(.cosmetic-avatar-frame){width:100%;height:100%}

/* Üst menüdeki hesap düğmesi: çerçeveli avatar, yazıyla aynı hizada kalır. */
.account-menu-toggle>.cosmetic-avatar{margin-right:2px}
.account-menu-toggle>.cosmetic-avatar>img:not(.cosmetic-avatar-frame){display:block}

/* Çerçeveli yorum avatarı profil bağlantısına sarıldığında da avatar boyutu ve çerçeve yerleşimi korunur. */
.comment-item>.comment-profile-link>.cosmetic-avatar{display:block;width:100%;height:100%}
.comment-profile-link>.cosmetic-avatar>img:not(.cosmetic-avatar-frame){display:block;width:100%;height:100%;object-fit:cover;border-radius:50%;border:2px solid var(--member-color,transparent);box-shadow:none}
.comment-profile-link>.cosmetic-avatar>.cosmetic-avatar-frame{z-index:2}