/* MASTERBAR Catalog Sidebar 0.4.1
   Czysta warstwa zgodności ładowana po historycznym sidebar.css.
   Naprawia desktopowe strony kategorii i odcina mobile od starych reguł UI. */

/* ---------- DESKTOP: jeden ekran kategorii naraz ---------- */
@media (min-width: 921px) {
  .masterbar-catalog-sidebar-enabled .mbcs-panel[data-mbcs-panel="categories"] {
    overflow-x: hidden !important;
  }

  .masterbar-catalog-sidebar-enabled .mbcs-step-nav {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    overflow: hidden !important;
    background: #fff !important;
  }

  .masterbar-catalog-sidebar-enabled .mbcs-step-panel {
    display: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .masterbar-catalog-sidebar-enabled .mbcs-step-panel.is-active {
    display: block !important;
  }

  .masterbar-catalog-sidebar-enabled .mbcs-step-head {
    display: block !important;
    padding: 8px 8px 12px !important;
    margin: 0 !important;
    border-bottom: 1px solid #e4eaf0 !important;
    background: #fff !important;
  }

  .masterbar-catalog-sidebar-enabled .mbcs-step-back {
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    min-height: 32px !important;
    margin: 0 0 10px !important;
    padding: 0 10px !important;
    border: 1px solid #d7e0e8 !important;
    border-radius: 7px !important;
    background: #fff !important;
    color: #274a68 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    box-shadow: none !important;
  }

  .masterbar-catalog-sidebar-enabled .mbcs-step-title {
    display: block !important;
    margin: 0 0 9px !important;
    color: #17283a !important;
    font-size: 15px !important;
    font-weight: 750 !important;
    line-height: 1.25 !important;
  }

  .masterbar-catalog-sidebar-enabled .mbcs-step-see-all {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 8px 10px !important;
    border: 1px solid #dbe4ec !important;
    border-radius: 7px !important;
    background: #f5f8fb !important;
    color: #153f67 !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    text-decoration: none !important;
    box-shadow: none !important;
  }

  .masterbar-catalog-sidebar-enabled .mbcs-step-list {
    display: block !important;
    margin: 0 !important;
    padding: 5px 8px 12px !important;
  }

  .masterbar-catalog-sidebar-enabled .mbcs-step-next,
  .masterbar-catalog-sidebar-enabled .mbcs-step-link {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 9px !important;
    border: 0 !important;
    border-bottom: 1px solid #edf1f4 !important;
    border-radius: 0 !important;
    background: #fff !important;
    color: #17283a !important;
    font-size: 13.5px !important;
    font-weight: 650 !important;
    line-height: 1.3 !important;
    text-align: left !important;
    text-decoration: none !important;
    box-shadow: none !important;
  }

  .masterbar-catalog-sidebar-enabled .mbcs-step-next:hover,
  .masterbar-catalog-sidebar-enabled .mbcs-step-link:hover {
    background: #f7f9fb !important;
    color: #123f67 !important;
  }

  .masterbar-catalog-sidebar-enabled .mbcs-step-arrow {
    display: inline !important;
    flex: 0 0 auto !important;
    color: #426783 !important;
    font-size: 20px !important;
    font-weight: 400 !important;
  }
}

/* ---------- MOBILE: wyraźny poziom + zobacz wszystkie ---------- */
@media (max-width: 920px) {
  body.mbcs-mobile-nav-owner .masterbar-mobile-category-panel {
    overflow: hidden !important;
  }

  body.mbcs-mobile-nav-owner .mbcs-mobile-level-header {
    display: block !important;
    flex: 0 0 auto !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 14px 20px 12px !important;
    overflow: visible !important;
    border-bottom: 1px solid #e2e8ee !important;
    background: #fff !important;
  }

  body.mbcs-mobile-nav-owner .mbcs-mobile-level-title {
    display: block !important;
    margin: 1px 0 11px !important;
    padding: 0 !important;
    color: #15283b !important;
    font-size: 17px !important;
    font-weight: 750 !important;
    line-height: 1.25 !important;
    letter-spacing: -.01em !important;
    text-shadow: none !important;
  }

  body.mbcs-mobile-nav-owner .mbcs-mobile-see-all-fixed {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    width: 100% !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 10px 12px !important;
    border: 1px solid #dbe4ec !important;
    border-radius: 8px !important;
    background: #f5f8fb !important;
    color: #153f67 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    text-decoration: none !important;
    text-shadow: none !important;
    box-shadow: none !important;
  }

  body.mbcs-mobile-nav-owner .mbcs-mobile-level-scroll {
    display: block !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 6px 0 max(24px, env(safe-area-inset-bottom)) !important;
    border-top: 0 !important;
  }

  body.mbcs-mobile-nav-owner .mbcs-mobile-level-list {
    display: block !important;
    margin: 0 !important;
    padding: 0 14px 14px !important;
    list-style: none !important;
  }

  body.mbcs-mobile-nav-owner .mbcs-mobile-level-list > li {
    display: block !important;
    margin: 0 !important;
    border-bottom: 1px solid #edf1f5 !important;
  }

  body.mbcs-mobile-nav-owner .mbcs-mobile-level-list .masterbar-mobile-category-next,
  body.mbcs-mobile-nav-owner .mbcs-mobile-level-list .masterbar-mobile-category-link {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    min-height: 52px !important;
    margin: 0 !important;
    padding: 0 7px !important;
    background: #fff !important;
    color: #17283a !important;
    font-size: 14.5px !important;
    font-weight: 650 !important;
    line-height: 1.3 !important;
    text-decoration: none !important;
    text-shadow: none !important;
    box-shadow: none !important;
  }
}


/* ==========================================================
   MASTERBAR Catalog Sidebar 0.4.2 — DESKTOP POLISH
   Tylko desktop. Mobile celowo bez zmian.
   ========================================================== */
@media (min-width: 921px) {

  /* Więcej oddechu w panelu kategorii */
  .masterbar-catalog-sidebar-enabled .mbcs-panel[data-mbcs-panel="categories"] {
    padding: 4px 10px 16px !important;
  }

  .masterbar-catalog-sidebar-enabled .mbcs-step-head {
    padding: 10px 8px 14px !important;
    border-bottom: 1px solid #e2e8ee !important;
  }

  /* Przycisk Wróć: większa przerwa między strzałką i napisem */
  .masterbar-catalog-sidebar-enabled .mbcs-step-back {
    gap: 8px !important;
    min-height: 34px !important;
    padding: 0 12px !important;
    margin-bottom: 12px !important;
    border-color: #d2dde7 !important;
    border-radius: 8px !important;
    background: #f8fafc !important;
    color: #24445f !important;
    font-size: 12.5px !important;
    font-weight: 750 !important;
  }

  .masterbar-catalog-sidebar-enabled .mbcs-step-back > span:first-child {
    display: inline-block !important;
    transform: translateY(-1px) !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
  }

  .masterbar-catalog-sidebar-enabled .mbcs-step-back:hover {
    background: #eef4f8 !important;
    border-color: #c7d6e2 !important;
  }

  /* Aktualny poziom kategorii ma wyraźnie być nagłówkiem */
  .masterbar-catalog-sidebar-enabled .mbcs-step-title {
    margin: 0 0 10px !important;
    padding: 0 2px !important;
    color: #10293f !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    letter-spacing: -.01em !important;
  }

  /* Zobacz wszystkie jako osobna, spokojna karta */
  .masterbar-catalog-sidebar-enabled .mbcs-step-see-all {
    min-height: 42px !important;
    padding: 9px 11px !important;
    border-color: #d7e2eb !important;
    border-radius: 9px !important;
    background: #f4f8fb !important;
    color: #123f67 !important;
    font-size: 12.5px !important;
    font-weight: 750 !important;
  }

  .masterbar-catalog-sidebar-enabled .mbcs-step-see-all:hover {
    background: #eaf2f8 !important;
    border-color: #c9d9e5 !important;
  }

  /* Podkategorie: nie są już "gołym tekstem", ale też nie wyglądają jak admin */
  .masterbar-catalog-sidebar-enabled .mbcs-step-list {
    padding: 8px 0 10px !important;
  }

  .masterbar-catalog-sidebar-enabled .mbcs-step-next,
  .masterbar-catalog-sidebar-enabled .mbcs-step-link {
    min-height: 46px !important;
    margin: 0 !important;
    padding: 0 10px !important;
    border-bottom: 1px solid #e8edf2 !important;
    border-radius: 7px !important;
    background: #fff !important;
    color: #17283a !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    transition: background .14s ease, color .14s ease, transform .14s ease !important;
  }

  .masterbar-catalog-sidebar-enabled .mbcs-step-next + .mbcs-step-next,
  .masterbar-catalog-sidebar-enabled .mbcs-step-link + .mbcs-step-link,
  .masterbar-catalog-sidebar-enabled .mbcs-step-next + .mbcs-step-link,
  .masterbar-catalog-sidebar-enabled .mbcs-step-link + .mbcs-step-next {
    margin-top: 2px !important;
  }

  .masterbar-catalog-sidebar-enabled .mbcs-step-next:hover,
  .masterbar-catalog-sidebar-enabled .mbcs-step-link:hover {
    background: #f5f8fb !important;
    color: #0f4169 !important;
    transform: translateX(2px);
  }

  .masterbar-catalog-sidebar-enabled .mbcs-step-arrow {
    color: #365f7f !important;
    font-size: 20px !important;
    font-weight: 500 !important;
  }
}