/**
 * Базовые стили меню — без Bootstrap (не ломает вёрстку pay-приложения)
 */

.l2w-pay-menu {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.l2w-pay-menu *,
.l2w-pay-menu *::before,
.l2w-pay-menu *::after {
  box-sizing: border-box;
}

.l2w-pay-menu .container-sm {
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
}

.l2w-pay-menu .navbar-brand {
  display: none;
}

/* Лого только с la2world.ru — без <img>, чтобы не конфликтовать с CSS pay-приложения */
.l2w-pay-menu a.l2w-logo {
  display: block;
  flex: 0 0 auto;
  width: 184px;
  height: 72px;
  margin-right: 87px;
  background: url("https://la2world.ru/themes/la2world_mobile/images/top-nav-logo.png") no-repeat left center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  line-height: 0;
}

.l2w-pay-menu .navbar-nav {
  list-style: none;
  margin: 0;
  padding: 0;
}

.l2w-pay-menu .navbar-nav > li {
  list-style: none;
}

.l2w-pay-menu .navbar-toggler {
  cursor: pointer;
  border: none;
  background: transparent;
}

.l2w-pay-menu .navbar-toggler-icon {
  display: inline-block;
  width: 22px;
  height: 16px;
  vertical-align: middle;
  background: linear-gradient(
    to bottom,
    currentColor 0,
    currentColor 2px,
    transparent 2px,
    transparent 7px,
    currentColor 7px,
    currentColor 9px,
    transparent 9px,
    transparent 14px,
    currentColor 14px,
    currentColor 16px
  );
}

/* Отступ под фиксированное меню — только у контента, не у body */
#pay-content.l2w-pay-offset,
body.l2w-has-pay-menu #pay-content {
  padding-top: 67px;
}