/* Emergency fix for dropdown menus - highest priority overrides */

/* Reset the horizontal display of dropdown menus */
header nav ul.dropdown-menu {
  display: none !important;
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  width: 200px !important;
  min-width: 200px !important;
  max-width: 250px !important;
  flex-direction: column !important;
  background-color: #ffffff !important;
  border: 1px solid #e0e0e0 !important;
  border-top: 3px solid var(--primary-color) !important;
  box-shadow: 0 5px 15px rgba(0,0,0,0.15) !important;
  padding: 5px 0 !important;
  margin-top: 0 !important;
  z-index: 9999 !important;
}

/* Show dropdown on hover */
header nav ul li.has-dropdown:hover > ul.dropdown-menu {
  display: block !important;
}

/* Make dropdown items display vertically */
header nav ul.dropdown-menu li {
  display: block !important;
  width: 100% !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border-bottom: 1px solid #f0f0f0 !important;
  background-color: #ffffff !important;
}

header nav ul.dropdown-menu li:last-child {
  border-bottom: none !important;
}

/* Style the links in dropdown items */
header nav ul.dropdown-menu li a {
  display: block !important;
  width: 100% !important;
  padding: 10px 15px !important;
  text-align: left !important;
  color: #333333 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  text-transform: none !important;
  background-color: #ffffff !important;
  border-left: 3px solid transparent !important;
}

/* Hover state for dropdown links */
header nav ul.dropdown-menu li a:hover {
  background-color: #f5f5f5 !important;
  color: var(--primary-color) !important;
  border-left: 3px solid var(--primary-color) !important;
}

/* For any conflicting flex or grid styles */
header nav ul.dropdown-menu {
  display: none !important;
  flex: none !important;
  grid-template-columns: none !important;
}

/* Make dropdown visible on hover with proper opacity */
header nav ul li.has-dropdown:hover > ul.dropdown-menu {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Complete override for the Rooms dropdown specifically (which appears misaligned in screenshot) */
header nav ul li:nth-child(3) ul.dropdown-menu,
header nav ul li:nth-child(4) ul.dropdown-menu {
  display: none !important;
  position: absolute !important;
  left: 0 !important;
  top: 100% !important;
  width: 200px !important;
}

/* Disable any mega menu functionality temporarily until basic dropdown works */
.mega-menu-content {
  display: none !important;
}