/* Ensure all icons are displayed as circles */
.site-icon, 
img.avatar,
.bot-avatar,
.navbar-logo img,
.guild-icon,
.user-avatar {
    border-radius: 50% !important; /* Makes the icon circular */
    overflow: hidden;
    aspect-ratio: 1/1; /* Ensure perfect circle */
}

/* Apply to favicon in header */
link[rel="icon"] {
    border-radius: 50%;
}

/* Make sure the icon keeps its aspect ratio */
.icon-container,
.navbar-logo,
.avatar-container {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    overflow: hidden;
}

/* For SVG icons */
svg.icon-circle {
    border-radius: 50%;
    overflow: hidden;
}

/* For bot profile images specifically */
.navbar-logo img.bot-avatar {
    width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(88, 101, 242, 0.5);
}