/* ===== DROPDOWN FIX ===== */

.nav__list .nav__item {
  position: relative;
}

.nav__list .nav__item .sub-menu {
  display: block !important;
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  z-index: 99999 !important;
  min-width: 220px !important;
  background-color: #1a2332 !important;
  border-top: 3px solid #E0A43B !important;
  border-radius: 0 0 4px 4px !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.35) !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 6px 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translateY(-6px) !important;
  transition: opacity 0.22s ease, visibility 0.22s ease, transform 0.22s ease !important;
}

.nav__list .nav__item:hover > .sub-menu {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
}

.nav__list .nav__item .sub-menu li {
  display: block !important;
  width: 100% !important;
  float: none !important;
}

.nav__list .nav__item .sub-menu li a {
  display: block !important;
  padding: 10px 20px !important;
  color: #d4dbe6 !important;
  text-decoration: none !important;
  font-size: 14px !important;
  white-space: nowrap !important;
  border-left: 3px solid transparent !important;
  border-bottom: 1px solid rgba(255,255,255,0.06) !important;
}

.nav__list .nav__item .sub-menu li a:hover {
  color: #E0A43B !important;
  background-color: rgba(224,164,59,0.08) !important;
  border-left-color: #E0A43B !important;
  padding-left: 26px !important;
}