/* Custom styles to fix specific issues */

/* Fix for oversized profile avatar with maximum specificity */
.avatar.avatar-profile,
.avatar.avatar-profile.avatar-5xl,
.avatar.avatar-profile.avatar-4xl,
div.avatar.avatar-profile,
#root .avatar.avatar-profile {
  width: 6.125rem !important;
  height: 6.125rem !important;
  max-width: 6.125rem !important;
  max-height: 6.125rem !important;
}

/* Make sure the image itself is also constrained */
.avatar.avatar-profile img,
.avatar.avatar-profile.avatar-5xl img,
.avatar.avatar-profile.avatar-4xl img,
div.avatar.avatar-profile img,
#root .avatar.avatar-profile img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: cover !important;
}

/* Fix for navbar avatar size */
.navbar-avatar,
.avatar.navbar-avatar,
.avatar.avatar-sm.navbar-avatar,
li .avatar.navbar-avatar,
.navbar-nav .avatar.navbar-avatar {
  width: 1.5rem !important;
  height: 1.5rem !important;
  max-width: 1.5rem !important;
  max-height: 1.5rem !important;
}

/* Make sure the navbar avatar image is also constrained */
.navbar-avatar img,
.avatar.navbar-avatar img,
.avatar.avatar-sm.navbar-avatar img,
li .avatar.navbar-avatar img,
.navbar-nav .avatar.navbar-avatar img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: cover !important;
}

/* Most specific selector targeting navbar top avatar based on HTML structure */
.navbar-glass .navbar-nav-icons .avatar,
.navbar-glass .navbar-nav-icons .avatar.avatar-sm,
.navbar-glass.navbar-top .navbar-nav li .avatar,
.navbar-glass.navbar-top .navbar-nav li:last-child .avatar,
.navbar-nav-icons .avatar,
nav.navbar .navbar-nav li:last-child .avatar,
nav.navbar-glass .navbar-nav li .avatar.avatar-sm {
  width: 1.5rem !important;
  height: 1.5rem !important;
  max-width: 1.5rem !important;
  max-height: 1.5rem !important;
}

.navbar-glass .navbar-nav-icons .avatar img,
.navbar-glass.navbar-top .navbar-nav li .avatar img,
.navbar-glass.navbar-top .navbar-nav li:last-child .avatar img,
.navbar-nav-icons .avatar img,
nav.navbar .navbar-nav li:last-child .avatar img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: cover !important;
}

/* Exact HTML structure rules from the provided example */
.navbar-glass.fs-10.navbar-top.sticky-kit.navbar.navbar-expand.navbar-light .navbar-nav-icons .avatar,
.navbar-glass.fs-10.navbar-top.sticky-kit.navbar.navbar-expand.navbar-light .navbar-nav-icons.ms-auto.flex-row.align-items-center.navbar-nav li:last-child .avatar,
.navbar-nav-icons.ms-auto.flex-row.align-items-center.navbar-nav li:last-child .avatar,
.navbar-nav-icons.ms-auto.flex-row.align-items-center.navbar-nav li .avatar,
ul.navbar-nav-icons.ms-auto.flex-row.align-items-center.navbar-nav li .avatar {
  width: 1.5rem !important;
  height: 1.5rem !important;
  max-width: 1.5rem !important;
  max-height: 1.5rem !important;
}

.navbar-glass.fs-10.navbar-top.sticky-kit.navbar.navbar-expand.navbar-light .navbar-nav-icons .avatar img,
.navbar-glass.fs-10.navbar-top.sticky-kit.navbar.navbar-expand.navbar-light .navbar-nav-icons.ms-auto.flex-row.align-items-center.navbar-nav li:last-child .avatar img,
.navbar-nav-icons.ms-auto.flex-row.align-items-center.navbar-nav li:last-child .avatar img,
.navbar-nav-icons.ms-auto.flex-row.align-items-center.navbar-nav li .avatar img,
ul.navbar-nav-icons.ms-auto.flex-row.align-items-center.navbar-nav li .avatar img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: cover !important;
}

/* Even more direct approaches */
nav.navbar img.rounded-circle,
.avatar img.rounded-circle,
.avatar.avatar-sm img.rounded-circle,
.navbar-nav li img.rounded-circle {
  width: 100% !important;
  height: 100% !important;
  max-width: 1.5rem !important;
  max-height: 1.5rem !important;
  object-fit: cover !important;
}

/* Direct img tag selector based on your HTML */
.navbar-nav-icons .avatar img.rounded-circle {
  max-width: 1.5rem !important;
  max-height: 1.5rem !important;
}