/*!
 * mrespekta_menu — views/css/front.css
 * Version: 1.4.3 (utrzymuj zgodnie z $this->version w mrespekta_menu.php)
 *
 * Delikatne menu drzewiaste bez ramek i numeracji.
 */

.mrespekta-menu {
  --mm-font: 'futura-pt', 'Aileron', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --mm-text: #212529;
  --mm-text-soft: #606060;
  --mm-bg-nested: rgba(255, 255, 255, 0.35);

  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0.35rem 0 1.25rem !important;
  box-sizing: border-box !important;
  text-align: left !important;
  font-family: var(--mm-font) !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
  color: var(--mm-text) !important;
  -webkit-font-smoothing: antialiased;
}

/* --- Reset całego bloku menu (motyw centruje .overlay-content) --- */
#myNav .overlay-content .nav-home,
#myNav .overlay-content .mrespekta-menu-shell,
.nav-top .single2 .single-sz .menu-home-sz .overlay-content .nav-home,
.nav-top .single2 .single-sz .menu-home-sz .overlay-content .mrespekta-menu-shell,
.mrespekta-menu-shell {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 0 1rem 0.75rem !important;
  box-sizing: border-box !important;
  text-align: left !important;
  float: none !important;
}

.mrespekta-menu ul,
.mrespekta-menu ol {
  list-style: none !important;
  list-style-type: none !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  text-align: left !important;
}

.mrespekta-menu li {
  list-style: none !important;
  margin: 0 !important;
  text-align: left !important;
}

.mrespekta-menu__list {
  width: 100% !important;
}

.mrespekta-menu__item::before {
  content: none !important;
}

/* Siatka: sam wiersz + podmenu */
.mrespekta-menu__item--parent {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
  align-items: stretch !important;
  margin: 0 0 6px 0 !important;
  border-bottom: 0 !important;
}

.mrespekta-menu__item--parent > .mrespekta-menu__row {
  grid-column: 1 !important;
  grid-row: 1 !important;
}

.mrespekta-menu__item--parent > .mrespekta-menu__sub {
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
}

.mrespekta-menu__item--leaf {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  column-gap: 0 !important;
  align-items: center !important;
  margin: 0 !important;
  border-bottom: 0 !important;
}

.mrespekta-menu__item--leaf > a,
.mrespekta-menu__item--leaf > span {
  grid-column: 1 !important;
}

/* Poziom główny: dwie sekcje (Sklep, Kolekcje) — bez ramek */
.mrespekta-menu__list--root > .mrespekta-menu__item {
  margin-bottom: 12px !important;
  padding-bottom: 4px !important;
  border-bottom: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.mrespekta-menu__list--root > .mrespekta-menu__item--parent {
  border: 0 !important;
  border-radius: 0 !important;
  margin-bottom: 14px !important;
  overflow: visible !important;
}

.mrespekta-menu__list--root > .mrespekta-menu__item--parent > .mrespekta-menu__row {
  background: transparent !important;
  min-height: 44px !important;
}

.mrespekta-menu__list--nested {
  margin: 0 !important;
  padding: 0.05rem 0 0.2rem 0.95rem !important;
  border-left: 0 !important;
  background: transparent !important;
}

.mrespekta-menu__list[data-depth='1'].mrespekta-menu__list--nested {
  padding-left: 1.05rem !important;
}

.mrespekta-menu__list[data-depth='2'].mrespekta-menu__list--nested {
  padding-left: 1.45rem !important;
}

.mrespekta-menu__list[data-depth='3'].mrespekta-menu__list--nested {
  padding-left: 1.85rem !important;
}

.mrespekta-menu__list[data-depth='4'].mrespekta-menu__list--nested {
  padding-left: 2.2rem !important;
}

/* Wiersz: etykieta + zwijanie */
.mrespekta-menu__row {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  gap: 8px !important;
  min-height: 42px !important;
  padding: 0 2px 0 0 !important;
  box-sizing: border-box !important;
}

.mrespekta-menu__list--nested .mrespekta-menu__row {
  min-height: 40px !important;
  padding-right: 2px !important;
}

.mrespekta-menu__list[data-depth='1'] > .mrespekta-menu__item > .mrespekta-menu__row,
.mrespekta-menu__list[data-depth='1'] > .mrespekta-menu__item > .mrespekta-menu__link,
.mrespekta-menu__list[data-depth='1'] > .mrespekta-menu__item > .mrespekta-menu__label {
  padding-left: 0.15rem !important;
}

.mrespekta-menu__list[data-depth='2'] > .mrespekta-menu__item > .mrespekta-menu__row,
.mrespekta-menu__list[data-depth='2'] > .mrespekta-menu__item > .mrespekta-menu__link,
.mrespekta-menu__list[data-depth='2'] > .mrespekta-menu__item > .mrespekta-menu__label {
  padding-left: 0.35rem !important;
}

.mrespekta-menu__list[data-depth='3'] > .mrespekta-menu__item > .mrespekta-menu__row,
.mrespekta-menu__list[data-depth='3'] > .mrespekta-menu__item > .mrespekta-menu__link,
.mrespekta-menu__list[data-depth='3'] > .mrespekta-menu__item > .mrespekta-menu__label {
  padding-left: 0.55rem !important;
}

.nav-top .menu-home-sz .overlay .nav-home .mrespekta-menu a.mrespekta-menu__link,
.nav-top .menu-home-sz .overlay .nav-home .mrespekta-menu span.mrespekta-menu__label,
.mrespekta-menu a.mrespekta-menu__link,
.mrespekta-menu span.mrespekta-menu__label {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  display: block !important;
  padding: 10px 4px 10px 0 !important;
  margin: 0 !important;
  text-align: left !important;
  text-decoration: none !important;
  color: var(--mm-text) !important;
  font-weight: 500 !important;
  font-size: 15px !important;
  line-height: 1.35 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.mrespekta-menu__list[data-depth='1'] .mrespekta-menu__link,
.mrespekta-menu__list[data-depth='1'] .mrespekta-menu__label {
  font-size: 14px !important;
  font-weight: 500 !important;
}

.mrespekta-menu__list[data-depth='2'] .mrespekta-menu__link,
.mrespekta-menu__list[data-depth='2'] .mrespekta-menu__label,
.mrespekta-menu__list[data-depth='3'] .mrespekta-menu__link,
.mrespekta-menu__list[data-depth='3'] .mrespekta-menu__label {
  font-size: 13px !important;
  font-weight: 400 !important;
  color: var(--mm-text) !important;
}

.mrespekta-menu .mrespekta-menu-group,
.mrespekta-menu .category-link,
.mrespekta-menu .custom-page-link,
.mrespekta-menu .cms-page-link {
  color: inherit !important;
}

.mrespekta-menu__item--leaf .mrespekta-menu__link {
  padding: 9px 10px 9px 4px !important;
  font-weight: 400 !important;
}

.mrespekta-menu__item--leaf:hover .mrespekta-menu__link {
  color: var(--mm-text-soft) !important;
}

/* Przycisk zwijania — dyskretny, w tonie sklepu */
.mrespekta-menu button.mrespekta-menu__toggle {
  flex: 0 0 auto !important;
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  min-height: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--mm-text-soft) !important;
  font-family: var(--mm-font) !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  cursor: pointer !important;
  box-shadow: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  -webkit-tap-highlight-color: transparent;
}

.mrespekta-menu button.mrespekta-menu__toggle:hover,
.mrespekta-menu button.mrespekta-menu__toggle:focus {
  background: transparent !important;
  border-color: transparent !important;
  color: var(--mm-text) !important;
  outline: none !important;
}

.mrespekta-menu__toggle-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  height: auto !important;
  min-width: 16px !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--mm-text-soft) !important;
  font-size: 22px !important;
  line-height: 1 !important;
  border: none !important;
}

.mrespekta-menu__toggle-icon::before {
  content: '+';
  display: block;
  margin-top: -2px;
  font-weight: 400;
}

.mrespekta-menu__item.is-open > .mrespekta-menu__row .mrespekta-menu__toggle-icon::before {
  content: '−';
  font-size: 24px;
  margin-top: -2px;
  font-weight: 300;
}

@media (max-width: 360px) {
  .mrespekta-menu button.mrespekta-menu__toggle {
    min-width: 16px !important;
  }
}

/* Mobile: odsunięcie od pływającego switchera języka po prawej */
@media (max-width: 991px) {
  #myNav .overlay-content .mrespekta-menu-shell,
  .nav-top .single2 .single-sz .menu-home-sz .overlay-content .mrespekta-menu-shell {
    position: relative !important;
    z-index: 2147483646 !important;
    isolation: isolate;
  }

  #myNav .overlay-content .mrespekta-menu,
  #myNav .overlay-content .mrespekta-menu__row,
  #myNav .overlay-content .mrespekta-menu__sub {
    position: relative !important;
    z-index: 2147483646 !important;
  }

  .nav-top .single2 .single-sz .menu-home-sz .overlay-content .nav-help1 .language-selector-wrapper,
  .nav-top .single2 .single-sz .menu-home-sz .overlay-content .nav-help1 .language-selector-wrapper .dropdown-menu {
    position: relative !important;
    z-index: 10 !important;
  }

  .mrespekta-menu__row {
    padding-right: 58px !important;
  }

  .mrespekta-menu__item--leaf .mrespekta-menu__link,
  .mrespekta-menu__item--leaf .mrespekta-menu__label {
    padding-right: 58px !important;
  }
}

/* Zamknięte gałęzie */
.mrespekta-menu .mrespekta-menu__item--parent:not(.is-open) > .mrespekta-menu__sub {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
}

.mrespekta-menu .mrespekta-menu__item--parent.is-open > .mrespekta-menu__sub {
  display: block !important;
  visibility: visible !important;
  height: auto !important;
  overflow: visible !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  text-align: left !important;
}

@media (min-width: 992px) {
  #myNav .overlay-content .mrespekta-menu-shell,
  .nav-top .single2 .single-sz .menu-home-sz .overlay-content .mrespekta-menu-shell,
  .mrespekta-menu-shell {
    max-width: 800px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}