/* Hero slider: fill banner area */
#aa-slider .img-bg-banner-panel img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Стабильный цвет полосы меню (Bootstrap иначе даёт серый #f8f8f8 на .navbar-default) */
body.nav-theme-red #menu {
  background-color: #ff6666 !important;
}
body.nav-theme-blue #menu {
  background-color: #1a6cb5 !important;
}
#menu .menu-area .navbar-default {
  background-color: transparent !important;
  border-color: rgba(255, 255, 255, 0.28) !important;
}

/* Меню поверх баннера, без «проваливания» под слайдер */
#menu {
  position: relative;
  z-index: 1030;
}

/*
 * Верхний уровень: белый текст на цветной полосе — жирный + тень,
 * чтобы не сливался с фоном при любых переопределениях Bootstrap / темы.
 */
@media (min-width: 768px) {
  #menu .menu-area .navbar-default .navbar-nav > li > a,
  #menu .menu-area .navbar-default .navbar-nav > li > a.has-submenu {
    color: #ffffff !important;
    font-weight: 600 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
  }
  #menu .menu-area .navbar-default .navbar-nav > li > a:hover,
  #menu .menu-area .navbar-default .navbar-nav > li > a:focus {
    color: #ffffff !important;
    background-color: rgba(0, 0, 0, 0.18) !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  }
  #menu .menu-area .navbar-default .navbar-nav > li > a.highlighted,
  #menu .menu-area .navbar-default .navbar-nav > li.open > a,
  #menu .menu-area .navbar-default .navbar-nav > li.open > a:hover,
  #menu .menu-area .navbar-default .navbar-nav > li.open > a:focus {
    color: #ffffff !important;
    background-color: rgba(0, 0, 0, 0.2) !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  }
}

#menu .menu-area .navbar-default .navbar-nav > li > a .caret,
#menu .menu-area .navbar-default .navbar-nav > li.open > a .caret {
  border-top-color: #ffffff !important;
}

/*
 * Выпадающий список: в style.css стоит «li a { color: #fff }» на весь .navbar-nav,
 * из‑за этого подпункты бывают белыми на белом. Перебиваем с большей специфичностью.
 */
#menu .menu-area .navbar-default .navbar-nav > li > .dropdown-menu > li > a {
  color: #1a1a1a !important;
  font-weight: 500 !important;
  text-shadow: none !important;
}
#menu .menu-area .navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
#menu .menu-area .navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
  color: #ffffff !important;
}

/* Мобильное меню: максимальный контраст */
@media (max-width: 767px) {
  #menu .menu-area .navbar-collapse {
    background-color: #ffffff;
    border-top: 2px solid rgba(0, 0, 0, 0.12);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
  }
  #menu .menu-area .navbar-collapse .navbar-nav > li > a,
  #menu .menu-area .navbar-collapse .navbar-nav > li > a.has-submenu {
    color: #111111 !important;
    font-weight: 600 !important;
    text-shadow: none !important;
    border-bottom: 1px solid #eeeeee;
  }
  #menu .menu-area .navbar-collapse .navbar-nav > li > a:hover,
  #menu .menu-area .navbar-collapse .navbar-nav > li > a:focus {
    color: #000000 !important;
    background-color: #f5f5f5 !important;
  }
  #menu .menu-area .navbar-collapse .navbar-nav > li > a .caret {
    border-top-color: #333333 !important;
  }
  #menu .menu-area .navbar-collapse .dropdown-menu > li > a {
    color: #222222 !important;
    font-weight: 500 !important;
  }
}