body {
      background-color: #eef2f7;
    }
    .dropdown-menu li:hover {
      background-color: #f0f0f0;
    }
    .dropdown-menu a:hover {
      text-decoration: underline;
    }
 .navbar-nav .dropdown-menu {
      box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15);
  min-width: auto;            
  width: fit-content;         
  right: -10;                   
  left: auto !important;      
  transform: translateX(-10px); 
}
@media (max-width: 767px) {
  .navbar-nav .dropdown-menu {
    transform: translateX(90px); 
    left: 0 !important;          
    right: auto !important;      
    width: fit-content;
    min-width: 250px;            
  }
}
    .nav-link {
      font-weight: 400;
    }
    .dropdown-item {
      font-size: 1.6rem;
    }
    .dropdown-item .fw-bold {
      font-size: 1.0rem;
    }
    nav.navbar {
      margin-bottom: 0 !important;
      padding-bottom: 0 !important;
    }
    @media (max-width: 991.98px) {
      .auction-card {
        width: 100%;
        display: block;
      }
    }
    body.desktop-mode .auction-card {
      width: 24%;
      display: inline-block;
      margin: 1%;
    }    
    .dropdown-menu .dropdown-item {
  text-align: right !important;
}
.dropdown-menu .fw-bold,
.dropdown-menu ul li a {
  text-align: right !important;
}
.dropdown-menu {
  direction: rtl;
}
  .navbar-nav .nav-link {
    text-align: right !important;
  }
  @media (max-width: 767px) {
    .navbar-nav .nav-link {
      font-size: 1.6rem;
      padding: 0.4em 0.5em;
    }
  }
  .btn-lightblue {
  background-color: #e0f7fa; 
  color: #0d6efd;           
  border: 1px solid #b2ebf2;
}
.btn-lightblue:hover {
  background-color: #b2ebf2; 
  color: #0d6efd;
}
.custom-navbar {
  background-image: url('images/index/background/bg01.png');
  background-repeat: repeat;       
  background-size: auto;           
  background-position: center top; 
}
nav.navbar .navbar-collapse {
  background-color: transparent !important;
}
@media (max-width: 991.98px) {
  nav.navbar .navbar-collapse {
    background-color: #ffffff !important;
    text-align: right !important;
  }
}
.guestMenuBox,
.memberMenuBox,
.adminMenuBox {
  display: inline-block;
  background-color: #fff;
  border-radius: 20px;
  padding: 0px 0px;
  color: #111;
  font-weight: 400;
    text-decoration: none;
  margin-left: 12px; 
}
.adminMenuBox2 {
  display: inline-block;
  background-color: #e2e4ff;
  border-radius: 20px;
  padding: 0px 0px;
  color: #111;
  font-weight: 400;
    text-decoration: none;
  margin-left: 12px; 
}
.loginBox {
  display: inline-block;
  background-color: #fff;
  border-radius: 20px;
  padding: 0px 0px;
  color: #111;
  font-weight: 400;
  text-decoration: none;
  margin-left: 12px;
}
.profileBox {
  background-color: #fff;
  border-radius: 40px;
  padding: 0px 4px;
  margin-left: 20px;
}
.profileBox a {
  color: #111;
  font-weight: 400;
  text-decoration: none;
}
.profileBox a:hover {
  text-decoration: underline;
}
.navbar-toggler {
  background-color: #f86f86;
  border-radius: 8px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.4);
}
.logo-hint {
  position: absolute;
  top: 50%;
  left: 100%;              
  transform: translateY(-50%);
  margin-left: 12px;
  background: #000;        
  color: #fff;             
  padding: 6px 10px;
  border-radius: 6px;
  font-size: 0.9rem;
  display: none;
  white-space: nowrap;
  box-shadow: 0 2px 6px rgba(0,0,0,0.3);
}
.logo-hint::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -8px;               
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 5px solid transparent;   
  border-bottom: 10px solid transparent;
  border-right: 8px solid #000;         
}
.impersonation-alert {
  display: flex;
  flex-wrap: nowrap; 
  justify-content: center;
  align-items: center;
  background: linear-gradient(90deg,#ffe08a,#ffd966);
  color: #4a2f00;
  padding: 10px;
  font-weight: bold;
  border: 2px solid gold;
  box-shadow: 0 0 10px rgba(255,215,0,0.7);
}
.impersonation-info {
  margin-right: 15px;
}
@media (max-width: 576px) {
  .impersonation-alert {
    flex-wrap: wrap; 
    text-align: center;
  }
  .impersonation-info {
    flex: 1 1 100%;
    margin-right: 0;
    margin-bottom: 8px;
  }
  .impersonation-btn {
    flex: 1 1 100%;
  }
}
.badge-yellow {
  background-color: #FFFF33; 
  color: #000; 
}
.msg-mini {
  width: 31px;
  height: 33px;
  margin-left: -17px;
 margin-bottom: -10px;
  position: relative;
}
.msg-badge {
  position: absolute;
  left:-13px;   
  top: -18;
  margin-top: -17px;
  font-size: 0.75rem;
  padding: 0.2em 0.4em;
  border-radius: 50%;
}
.message-icon {
  position: relative;
  display: inline-block;
}
.breadcrumb-nav {
font-size: 14px;
color: #c0c0c0;
}
.breadcrumb-nav a {
color: #c0c0c0;
text-decoration: none;
 transition: color 0.3s ease;
}
.breadcrumb-nav a:hover {
text-decoration: underline;
color: purple;
text-underline-offset: 3px;
}