/* Custom Avatar Styles for Logo Display - Updated */

/* Mevcut avatar class'larını override et - rounded olmasın */
/* En yüksek specificity ile override */
.navbar .img-fluid.avatar-40.avatar-rounded,
.navbar .img-fluid.avatar.avatar-rounded,
.sidebar .img-fluid.avatar-40.avatar-rounded,
.sidebar .img-fluid.avatar.avatar-rounded,
.img-fluid.avatar-40.avatar-rounded,
.img-fluid.avatar.avatar-rounded,
.avatar-40.avatar-rounded,
.avatar.avatar-rounded,
.avatar-40,
.avatar {
    border-radius: 0 !important;
    object-fit: contain !important;
    width: auto !important;
    height: 40px !important;
    max-width: 200px !important;
    background: transparent !important;
    display: block !important;
}

/* Özellikle img-fluid class'ı için */
.navbar .img-fluid,
.sidebar .img-fluid,
.img-fluid {
    max-width: 200px !important;
    height: auto !important;
}

/* Avatar-rounded class'ını tamamen devre dışı bırak */
.avatar-rounded {
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
}

/* Logo avatar için özel stiller - rounded olmasın ve orijinal boyutlarına uygun olsun */
.avatar-logo {
    border-radius: 0 !important;
    object-fit: contain !important;
    width: auto !important;
    height: 40px !important;
    max-width: 200px;
    background: transparent;
    display: block;
}

/* Avatar container için */
.avatar-logo-container {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    min-width: 40px;
    height: 40px;
    background: transparent;
    border-radius: 0;
    overflow: visible;
    padding: 0 8px;
}

/* Eğer logo çok büyükse */
.avatar-logo-large {
    max-width: 100px;
    max-height: 40px;
    width: auto;
    height: auto;
}

/* Responsive logo boyutları */
@media (max-width: 768px) {
    .avatar-logo {
        max-width: 100px;
        height: 35px;
    }
    
    .avatar-logo-container {
        min-width: 35px;
        height: 35px;
        padding: 0 3px;
    }
}

/* Logo için özel hover efekti */
.avatar-logo-container:hover .avatar-logo {
    transform: scale(1.05);
    transition: transform 0.2s ease;
}

/* Profile sayfalarındaki rounded-avatar için özel override */
.rounded-avatar,
#avatar.rounded-avatar,
img.rounded-avatar {
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    object-fit: contain !important;
    width: auto !important;
    height: 128px !important;
    max-width: 300px !important;
}

/* En güçlü override - tüm avatar class'larını devre dışı bırak */
*[class*="avatar"] {
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
}

/* Özellikle rounded class'ını hedefle */
*[class*="rounded"] {
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
}

/* img-fluid ile birlikte kullanılan tüm avatar class'ları */
img[class*="avatar"][class*="fluid"] {
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    object-fit: contain !important;
    width: auto !important;
    height: 40px !important;
    max-width: 200px !important;
}

/* Profile sayfalarındaki tüm rounded class'ları için */
img[class*="rounded"] {
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    object-fit: contain !important;
}