/* ===================================
   PERFORMANCE OPTIMIZATIONS - CLS FIX
   =================================== */

/* 1. Fix Navbar Dropdown Layout Shift */
.navbar-dropdown {
  contain: layout;
}

.dropdown-user {
  contain: layout;
}

.dropdown-user .avatar {
  width: 40px;
  height: 40px;
  display: block;
}

.dropdown-user .avatar img {
  width: 40px;
  height: 40px;
  object-fit: cover;
}

.dropdown-menu {
  will-change: transform;
  transform: translateZ(0);
  backface-visibility: hidden;
}

/* 2. Fix Footer Layout Shift */
.content-footer {
  min-height: 60px;
  contain: layout;
}

.footer {
  contain: layout;
}

/* 3. Image Optimization */
img {
  max-width: 100%;
  height: auto;
}

.avatar img,
.avatar-online img {
  aspect-ratio: 1 / 1;
  object-fit: cover;
}

/* 4. Prevent Font Loading Shift */
body {
  font-display: swap;
}