/*
 * Header "Restaurants" dropdown (city list). Same black / white / red
 * palette as the account menu (dlc-header-account-menu.css). The
 * fade-in/out timing is handled globally by
 * assets/js/dlc-account-menu-fade.js (patches every nav dropdown on
 * the page, not just the account one) — this file only covers color
 * and alignment.
 */

.elementor-nav-menu .dlc-restaurants-menu-item {
  position: relative;
}

.elementor-nav-menu .dlc-restaurants-menu-item > .sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  right: auto;
  min-width: 200px;
  margin: 12px 0 0;
  padding: 8px 0;
  list-style: none;
  text-align: left;
  background-color: #000000;
  border: 1px solid rgba(255, 255, 255, 0.14);
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.4);
  z-index: 9999;
}

.elementor-nav-menu .dlc-restaurants-submenu-item > a {
  display: block;
  padding: 10px 22px;
  color: #FFFFFF;
  font-size: 14px;
  line-height: 1.4;
  white-space: nowrap;
  text-decoration: none;
  background-color: transparent;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.elementor-nav-menu .dlc-restaurants-submenu-item > a:hover,
.elementor-nav-menu .dlc-restaurants-submenu-item > a:focus,
.elementor-nav-menu .dlc-restaurants-submenu-item > a.highlighted {
  background-color: #FF0000;
  color: #FFFFFF;
}