/* ==========================================================
   BUBUBU – MOBILNÉ MENU
   Čistý, vzdušný smer inšpirovaný Patagoniou.
   Samostatný súbor: nemení desktop od 992 px.
   ========================================================== */

@media (max-width: 991px) {

  /* ---------- Panel menu ---------- */

  #navigation,
  #navigation .navigation-in {
    background: #fff !important;
    color: #232323 !important;
    box-shadow: none !important;
  }

  #navigation {
    z-index: 10050 !important;
  }

  #navigation .navigation-in {
    padding: 0 !important;
  }

  /* ---------- Hlavné kategórie ---------- */

  #navigation .menu-level-1 {
    margin: 0 !important;
    padding: 0 22px 18px !important;
    border: 0 !important;
    background: #fff !important;
  }

  #navigation .menu-level-1 > li {
    position: relative !important;
    min-height: 60px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  #navigation .menu-level-1 > li > a {
    display: flex !important;
    width: 100% !important;
    min-height: 60px !important;
    align-items: center !important;
    padding: 0 42px 0 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #232323 !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    letter-spacing: -0.01em !important;
    text-decoration: none !important;
    text-transform: none !important;
    box-shadow: none !important;
  }

  #navigation .menu-level-1 > li > a > b {
    background: transparent !important;
    color: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
  }

  #navigation .menu-level-1 > li > a:active {
    opacity: 0.58 !important;
  }

  /* ---------- Jednoduché pravé šípky ---------- */

  #navigation .menu-level-1 > li.exp > a::after,
  #navigation .menu-level-1 > li.expandable > a::after,
  #navigation .menu-level-1 > li.parent > a::after,
  #navigation .menu-level-1 > li > a .submenu-arrow,
  #navigation .menu-level-1 > li > a .arrow {
    position: absolute !important;
    top: 50% !important;
    right: 4px !important;
    margin: 0 !important;
    color: #232323 !important;
    transform: translateY(-50%) rotate(-90deg) !important;
    transform-origin: center !important;
  }

  /* ---------- Podmenu ---------- */

  #navigation .menu-level-2,
  #navigation .menu-level-3 {
    margin: 0 !important;
    padding: 2px 0 14px 14px !important;
    border: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  #navigation .menu-level-2 > li,
  #navigation .menu-level-3 > li {
    border: 0 !important;
    background: transparent !important;
  }

  #navigation .menu-level-2 a,
  #navigation .menu-level-3 a {
    min-height: 44px !important;
    padding: 11px 36px 11px 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #3f3d3a !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
    text-transform: none !important;
  }

  /* ---------- Bububu akcent: iba Výpredaj ---------- */

  #navigation .menu-level-1 a[href*="/vypredaj-barefoot-obuv/"],
  #navigation .menu-level-1 a[href*="/vypredaj-barefoot-obuv/"] > b,
  #navigation .menu-level-1 a[href*="/vypredaj/"] {
    color: #c63c36 !important;
    font-weight: 700 !important;
  }

  /* ---------- Jemné rozdelenie servisnej časti ---------- */

  #navigation .menu-level-1 > li:has(a[href*="/predajna/"]) {
    margin-top: 16px !important;
    padding-top: 16px !important;
    border-top: 1px solid #d8d8d8 !important;
  }

  /* ---------- Spodné nástroje: mena, účet ---------- */

  #navigation .navigationActions,
  #navigation .navigation-actions {
    list-style: none !important;
    margin: 0 22px !important;
    padding: 18px 0 28px !important;
    border-top: 1px solid #d8d8d8 !important;
    background: #fff !important;
  }

  #navigation .navigationActions > li,
  #navigation .navigation-actions > li {
    display: block !important;
    min-height: 54px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  #navigation .navigationActions > li > a,
  #navigation .navigation-actions > li > a {
    display: flex !important;
    width: 100% !important;
    min-height: 54px !important;
    align-items: center !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #4b4946 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    text-transform: none !important;
    box-shadow: none !important;
  }

  #navigation .navigationActions__flagWrapper {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
  }

  #navigation .navigationActions__flag {
    width: 27px !important;
    height: 18px !important;
    margin: 0 !important;
  }

  /* Rozbalená mena a jazyk – bez Shoptet odrážok a bez veľkých medzier. */

  #navigation .navigationActions__submenu {
    position: static !important;
    margin: 0 !important;
    padding: 4px 0 14px !important;
    border: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  #navigation .navigationActions__submenu ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
  }

  #navigation .navigationActions__submenu li,
  #navigation .navigationActions__submenu__item {
    list-style: none !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  #navigation .navigationActions__submenu li::before,
  #navigation .navigationActions__submenu__item::before,
  #navigation .navigationActions__submenu__item--active::before {
    display: none !important;
    content: none !important;
  }

  #navigation .navigationActions__submenu a {
    display: flex !important;
    min-height: 44px !important;
    align-items: center !important;
    padding: 0 0 0 8px !important;
    border: 0 !important;
    background: transparent !important;
    color: #4b4946 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
  }

  #navigation .navigationActions__submenu__item--active > a {
    color: #232323 !important;
    font-weight: 600 !important;
  }

  /* ---------- Mobilná skupina: Informácie pre vás ---------- */

  #navigation .menu-level-1 > li.bb-mobile-info {
    min-height: 0 !important;
    margin-top: 16px !important;
    padding: 16px 0 8px !important;
    border-top: 1px solid #d8d8d8 !important;
  }

  #navigation .bb-mobile-info__toggle {
    position: relative !important;
    display: flex !important;
    width: 100% !important;
    min-height: 60px !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin: 0 !important;
    padding: 0 4px 0 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #232323 !important;
    font: inherit !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    letter-spacing: -0.01em !important;
    text-align: left !important;
    box-shadow: none !important;
    cursor: pointer !important;
  }

  #navigation .bb-mobile-info__arrow {
    display: block !important;
    width: 9px !important;
    height: 9px !important;
    margin-right: 1px !important;
    border-right: 2px solid currentColor !important;
    border-bottom: 2px solid currentColor !important;
    transform: rotate(45deg) !important;
    transition: transform 0.2s ease !important;
  }

  #navigation .bb-mobile-info.is-open .bb-mobile-info__arrow {
    transform: rotate(225deg) !important;
  }

  #navigation .bb-mobile-info__list {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 0 10px 14px !important;
    border: 0 !important;
    background: #fff !important;
  }

  #navigation .bb-mobile-info__list[hidden] {
    display: none !important;
  }

  #navigation .bb-mobile-info__list > li {
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  #navigation .bb-mobile-info__list > li > a,
  #navigation .bb-mobile-info__cookie-button {
    display: flex !important;
    width: 100% !important;
    min-height: 44px !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 10px 30px 10px 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #4b4946 !important;
    font-family: inherit !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
    text-align: left !important;
    text-decoration: none !important;
    text-transform: none !important;
    box-shadow: none !important;
    cursor: pointer !important;
  }

  /* Shoptet vkladá menu meny/jazyka a prihlásenie aj do týchto blokov. */

  #navigation .top-navigation-menu,
  #navigation .top-navigation-tools,
  #navigation .top-navigation-contacts,
  .navigation-window .top-navigation-menu,
  .navigation-window .top-navigation-tools,
  .navigation-window .top-navigation-contacts {
    display: block !important;
    margin: 0 22px !important;
    padding: 18px 0 22px !important;
    border: 0 !important;
    border-top: 1px solid #d8d8d8 !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  #navigation .top-navigation-menu > *,
  #navigation .top-navigation-tools > *,
  #navigation .top-navigation-contacts > *,
  .navigation-window .top-navigation-menu > *,
  .navigation-window .top-navigation-tools > *,
  .navigation-window .top-navigation-contacts > * {
    min-height: 52px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  #navigation .top-navigation-menu a,
  #navigation .top-navigation-menu span,
  #navigation .top-navigation-tools a,
  #navigation .top-navigation-tools span,
  #navigation .top-navigation-contacts a,
  .navigation-window .top-navigation-menu a,
  .navigation-window .top-navigation-menu span,
  .navigation-window .top-navigation-tools a,
  .navigation-window .top-navigation-tools span,
  .navigation-window .top-navigation-contacts a {
    display: flex !important;
    min-height: 52px !important;
    align-items: center !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #4b4946 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    text-transform: none !important;
    box-shadow: none !important;
  }

  #navigation .top-navigation-menu img,
  #navigation .top-navigation-tools img,
  .navigation-window .top-navigation-menu img,
  .navigation-window .top-navigation-tools img {
    width: auto !important;
    max-height: 18px !important;
    margin-left: 8px !important;
  }

  /* Menu musí prekryť externé plávajúce záložky. */

  body.navigation-window-visible #navigation,
  body.navigation-window-visible .navigation-window,
  body.navigation-window-visible .navigation-in {
    z-index: 10050 !important;
  }

  body.navigation-window-visible [id^="hw-"][id$="right"] {
    display: none !important;
  }
}