/* For all site menus */
.telegrosik-inner button.global-menu-button,
.telegrosik-inner .telegrosik-menu li.nav__menu-item>a,
.telegrosik-inner .telegrosik-menu li.nav__menu-item>button {
  all: unset;
  outline: revert;
  box-sizing: border-box;
  cursor: pointer;
}

.telegrosik-inner .mobile-menubar-toggler-button {
  padding: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
  flex-basis: 100% !important;
  flex-direction: column;
}

.telegrosik-inner .navigation__menubar li button:hover {
  background-color: yellowgreen;
}

.telegrosik-inner .navigation__menubar li a:hover {
  background-color: #666;
}

.telegrosik-inner ul.sub__menu,
.telegrosik-inner a.nav__menu-link,
.telegrosik-inner li.nav__menu-item,
.telegrosik-inner ul.navigation__menubar {
  margin: 0;
  padding: 0;
  list-style: none;
  border: none;
  background-color: inherit;
  font-size: 1.6rem;
  white-space: nowrap;
}

.telegrosik-inner .navigation__menubar li.nav__menu-item>a {
  text-decoration: none;
  -webkit-text-decoration: none;
  white-space: nowrap;
}

.page-wrapper #primary-menu {
  z-index: 100;
}

.telegrosik-inner .navigation__menubar {
  z-index: 200 !important;
}

.telegrosik-inner .navigation__menubar li.nav__menu-item>ul.sub__menu {
  z-index: 300 !important;
}

.telegrosik-inner .navigation__menubar li.nav__menu-item>ul.sub__menu>li.nav__menu-item>ul.sub__menu {
  z-index: 400 !important;
}

.telegrosik-inner .navigation__menubar li.nav__menu-item>a,
.telegrosik-inner .navigation__menubar li.nav__menu-item>button,
.telegrosik-inner .navigation__menubar li.nav__menu-item>span {
  padding: 12px;
  transition: 0.4s;
}

.telegrosik-inner .navigation__menubar li.nav__menu-item>button.ds-link>span.menu__url-title-disabled {
  flex-grow: 1;
  margin-right: 12px;
}

.telegrosik-inner .navigation__menubar li.nav__menu-item>.dropdown-toggler .toggler-icon svg {
  transition: all 0.5s 0.2s;
}

.telegrosik-inner .navigation__menubar li.nav__menu-item .dropdown-toggler {
  cursor: context-menu !important;
}

.telegrosik-inner .navigation__menubar,
.telegrosik-inner .navigation__menubar ul.sub__menu,
.telegrosik-inner .navigation__menubar li.nav__menu-item,
.telegrosik-inner .navigation__menubar li.nav__menu-item>a,
.telegrosik-inner .navigation__menubar li.nav__menu-item>button,
telegrosik-inner .navigation__menubar li.nav__menu-item>span {
  display: flex;
}

.telegrosik-inner .navigation__menubar li.nav__menu-item {
  position: relative;
}

.telegrosik-inner .navigation__menubar ul.sub__menu,
.telegrosik-inner .navigation__menubar li.link-only {
  flex-direction: column;
  flex-wrap: wrap;
}

.telegrosik-inner .navigation__menubar li.link-and-button>button {
  position: relative;
  flex-basis: 50px;
  width: 50px;
}

.telegrosik-inner .navigation__menubar li.link-and-button>a {
  position: relative;
  flex-basis: calc(100% - 50px);
  width: calc(100% - 50px);
  flex-grow: 1;
}

.telegrosik-inner .navigation__menubar li.button-only>button>span.menu__url-title-disabled {
  flex-basis: calc(100% - 26px);
  position: relative;
  flex-grow: 1;
}

.telegrosik-inner .navigation__menubar li.button-only>button>span.toggler-icon {
  flex-basis: 26px;
  /* margin-left: 12px; */
}

.telegrosik-inner .navigation__menubar li.button-only>button>span.toggler-icon,
.telegrosik-inner .navigation__menubar li.link-and-button>button>span.toggler-icon {
  align-items: center;
  display: flex;
}

/* For the default menu */
.telegrosik-inner .navigation__default {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.telegrosik-inner .navigation__default>li.nav__menu-item ul.sub__menu {
  min-width: 200px;
  display: none;
}

.telegrosik-inner .navigation__default>li.nav__menu-item ul.sub__menu {
  position: absolute;
}

/* For the third tier */
.telegrosik-inner .navigation__default>li.nav__menu-item li.has-sub__menu ul.sub__menu {
  left: 100%;
  top: 0;
}

/* .telegrosik-inner .navigation__default li:hover>ul.sub__menu {
  display: flex !important;
} */