/* .nav-item .nav-item:hover > .nav-link,
.nav-item .nav-link:hover {
  background-color: rgba(255, 255, 255, 0.25);
  color: #fff !important;
}

.nav-item .nav-link i {
  color: #fff !important;
  font-size: 14px !important;
} */

 
 
 
 /* 🌙 DARK MODE */
/* body.dark-only .nav-item .nav-link {
  color: #fff !important;
  padding: 8px 15px;
  border-radius: 6px;
  transition: all 0.2s ease-in-out;
} */

.dropdown-item {
    padding: 8px 12px !important;
}
.dropdown-item i {
    width: 22px; /* fixed icon width for perfect alignment */
    text-align: center;
}
/* inside dropdwon anchor text underline disable */
.dropdown-item:hover {
    text-decoration: none;
}

/* even disable on main nav item */
.nav-item .nav-link:hover {
    text-decoration: none;
}
/* Make parent menu item flexible */
.dropdown-submenu > a {
    display: flex !important;
    align-items: center;
}

/* Arrow always at extreme right */
.dropdown-submenu > a::after {
    margin-left: auto;
    transition: transform 0.2s ease;
    font-weight: bold;
}

/* Rotate arrow only on parent hover */
.dropdown-submenu:hover > a::after {
    transform: rotate(-90deg);
}


/* Show submenu on hover */
.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}

/* Scroll every primary dropdown */
/* Parent dropdown scroll */
.dropdown-menu {
    max-height: 85vh;
    overflow-y: auto;
    position: relative; /* Important for JS repositioning */
}

/* Submenus float OVER everything */
.dropdown-submenu > .dropdown-menu {
    position: fixed !important;
    margin-top: 0 !important;
    top: 0;
    left: 0;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.5s ease;
}



.blue-topbar {
  box-shadow: none !important;
  background: linear-gradient(135deg, #0b5cff 0%, #0078d4 55%, #39a6ff 100%) !important;
  background-color: #0078d4 !important;
}

.app-navbar  img {
    width: 162px;
    height: auto;
    object-fit: fill;   /* stretch both directions */
    display: block;
}



body.dark-only .nav-item .dropdown-item:hover {
  background-color: rgba(0, 123, 255, 0.2);
  color: #fff !important;
}

body.dark-only .nav-item .dropdown-menu {
  background-color: #111;
  border: none;
  border-radius: 8px;
  margin-top: 0.5rem;
}

body.dark-only .nav-item .dropdown-item {
  color: #ccc;
  padding: 8px 15px;
  border-radius: 6px;
}

body.dark-only .nav-item .dropdown-item:hover {
  background-color: rgba(0, 123, 255, 0.15);
  color: #fff;
}

body.dark-only .nav-item .nav-item {
  background: none !important;
}

/* ☀️ LIGHT MODE */
/* body:not(.dark-only) .nav-item .nav-link {
  color: #333 !important;
  padding: 8px 15px;
  border-radius: 6px;
  transition: all 0.2s ease-in-out;
} */




/* ☀️ LIGHT MODE */

body:not(.dark-only) .nav-item .dropdown-item:hover {
  background-color: rgba(255, 255, 255, 0.25);
  color: #333 !important;
}

body:not(.dark-only) .nav-item .dropdown-menu {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 8px;
  margin-top: 0.5rem;
}

body:not(.dark-only) .nav-item .dropdown-item {
  color: #333;
  padding: 8px 15px;
  border-radius: 6px;
}

body:not(.dark-only) .nav-item .dropdown-item:hover {
  background-color: rgba(0, 123, 255, 0.08);
  color: #0d6efd;
}

body:not(.dark-only) .nav-item .nav-item {
  background: none !important;
}