/* 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;
  }
}

/* 0.6.17: desktop only, stacked categories then filters. Placed in compatibility layer loaded last. */
@media (min-width:1025px) {
  body.masterbar-catalog-sidebar-enabled aside.mbcs-wrap { display:flex!important; flex-direction:column!important; grid-template-rows:none!important; height:auto!important; min-height:0!important; max-height:none!important; overflow:visible!important; }
  body.masterbar-catalog-sidebar-enabled aside.mbcs-wrap > .mbcs-tabs { display:none!important; }
  body.masterbar-catalog-sidebar-enabled aside.mbcs-wrap > .mbcs-panel,
  body.masterbar-catalog-sidebar-enabled aside.mbcs-wrap > .mbcs-panel:not(.is-active) { display:block!important; position:static!important; flex:0 0 auto!important; grid-row:auto!important; height:auto!important; max-height:none!important; min-height:0!important; overflow:visible!important; opacity:1!important; visibility:visible!important; transform:none!important; }
  body.masterbar-catalog-sidebar-enabled aside.mbcs-wrap > [data-mbcs-panel="categories"] { order:1!important; margin-bottom:16px!important; }
  body.masterbar-catalog-sidebar-enabled aside.mbcs-wrap > [data-mbcs-panel="filters"] { order:2!important; border-top:1px solid #e0e6ed!important; padding-top:16px!important; }
  body.masterbar-catalog-sidebar-enabled aside.mbcs-wrap > [data-mbcs-panel="filters"]::before { content:"Filtry"; display:block; font-size:15px; font-weight:700; margin:0 8px 12px; }
}

/* 0.6.18: desktop single-panel sticky scrolling */
@media (min-width:1025px) {
 body.masterbar-catalog-sidebar-enabled aside.mbcs-wrap {
 position:sticky!important;top:var(--mbcs-sticky-top,92px)!important;align-self:flex-start!important;
 height:var(--mbcs-available-height,calc(100dvh - var(--mbcs-sticky-top,92px) - 14px))!important;
 max-height:var(--mbcs-available-height,calc(100dvh - var(--mbcs-sticky-top,92px) - 14px))!important;
 min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;
 overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#a7b4c4 transparent;
 }
}

/* 0.6.20: compact category list on desktop; preserve mobile layout. */
@media (min-width:1025px) {
  .mbcs-step-list > .mbcs-step-extra-hidden {display:none!important;}
  .mbcs-step-show-more {
    display:block; width:100%; margin:8px 0 3px; padding:10px 12px;
    border:1px solid #d8e1eb; border-radius:7px;
    background:#f5f8fb; color:inherit; font-weight:600;
    cursor:pointer; text-align:center;
  }
  .mbcs-step-show-more:hover {background:#eaf0f7;}
}
@media (max-width:1024px) {.mbcs-step-show-more {display:none!important;}}

/* 0.6.22 desktop: compact one-row category header and accessible controls. */
@media (min-width:1025px) {
 body.masterbar-catalog-sidebar-enabled .mbcs-step-head {padding-bottom:8px!important;}
 body.masterbar-catalog-sidebar-enabled .mbcs-step-head .mbcs-step-title {display:none!important;}
 body.masterbar-catalog-sidebar-enabled .mbcs-step-see-all {
   display:flex!important; align-items:center!important; gap:9px!important;
   min-height:44px!important; padding:6px 9px!important; text-decoration:none!important;
   color:var(--ast-global-color-0,#123f67)!important;
   background:#f4f8fb!important; border:1px solid #d7e2eb!important;
 }
 body.masterbar-catalog-sidebar-enabled .mbcs-step-all-icon {
   flex:0 0 28px; width:28px; height:28px; border-radius:6px;
   display:inline-flex; align-items:center; justify-content:center;
   background:var(--ast-global-color-0,#123f67); color:#fff;
   font-size:16px; font-weight:700;
 }
 body.masterbar-catalog-sidebar-enabled .mbcs-step-all-copy {display:flex; flex:1 1 auto; min-width:0; flex-direction:column; gap:1px;}
 body.masterbar-catalog-sidebar-enabled .mbcs-step-all-copy strong {font-size:13px; font-weight:750; line-height:1.2; color:#142b42;}
 body.masterbar-catalog-sidebar-enabled .mbcs-step-all-copy small {font-size:11px; font-weight:500; line-height:1.2; color:#546b80;}
 body.masterbar-catalog-sidebar-enabled .mbcs-step-all-arrow {flex:0 0 auto; color:var(--ast-global-color-0,#123f67); font-size:17px;}
 body.masterbar-catalog-sidebar-enabled .mbcs-step-show-more,
 body.masterbar-catalog-sidebar-enabled .mbcs-step-show-more:hover,
 body.masterbar-catalog-sidebar-enabled .mbcs-step-show-more:focus {
   color:#173653!important; background:#f4f8fb!important; border-color:#cddbe8!important;
   opacity:1!important; visibility:visible!important; text-shadow:none!important;
 }
 body.masterbar-catalog-sidebar-enabled .mbcs-step-show-more:hover {background:#e8f0f8!important;}
 body.masterbar-catalog-sidebar-enabled .mbcs-step-show-more:focus-visible {outline:2px solid var(--ast-global-color-0,#123f67)!important; outline-offset:2px;}
}


/* 0.6.23 — desktop color harmonization: use the actual MASTERBAR header
   color rather than Astra's unrelated accent blue. No layout changes. */
@media (min-width:1025px) {
 body.masterbar-catalog-sidebar-enabled {
   --mbcs-category-accent:var(--mb-color-primary,#103258);
 }
 body.masterbar-catalog-sidebar-enabled .mbcs-step-see-all {
   color:var(--mbcs-category-accent)!important;
   background:#f3f7fb!important;
   border-color:#d5e0eb!important;
 }
 body.masterbar-catalog-sidebar-enabled .mbcs-step-all-icon {
   background:var(--mbcs-category-accent)!important;
   color:#fff!important;
 }
 body.masterbar-catalog-sidebar-enabled .mbcs-step-all-arrow {
   color:var(--mbcs-category-accent)!important;
 }
 body.masterbar-catalog-sidebar-enabled .mbcs-step-show-more,
 body.masterbar-catalog-sidebar-enabled .mbcs-step-show-more:focus {
   color:var(--mbcs-category-accent)!important;
   background:#f3f7fb!important;
   border-color:#d5e0eb!important;
 }
 body.masterbar-catalog-sidebar-enabled .mbcs-step-show-more:hover {
   color:var(--mbcs-category-accent)!important;
   background:#eaf1f8!important;
   border-color:#d5e0eb!important;
 }
 body.masterbar-catalog-sidebar-enabled .mbcs-step-show-more:focus-visible {
   outline-color:var(--mbcs-category-accent)!important;
 }
}

/* 0.6.24 — visual refresh, desktop only. Preserve scrolling and navigation. */
@media (min-width:1025px) {
 body.masterbar-catalog-sidebar-enabled .mbcs-step-nav {background:#fff!important;border:1px solid #e0e7ef!important;border-radius:12px!important;overflow:hidden;}
 body.masterbar-catalog-sidebar-enabled .mbcs-step-list {padding:4px 10px 10px!important;}
 body.masterbar-catalog-sidebar-enabled .mbcs-step-next,
 body.masterbar-catalog-sidebar-enabled .mbcs-step-link {min-height:36px!important;border-bottom:1px solid #edf1f5!important;border-radius:0!important;}
 body.masterbar-catalog-sidebar-enabled .mbcs-step-next:hover,
 body.masterbar-catalog-sidebar-enabled .mbcs-step-link:hover {background:#f3f7fb!important;border-radius:6px!important;}
 body.masterbar-catalog-sidebar-enabled .mbcs-wrap [data-mbcs-panel="filters"] {border-top:1px solid #dce4ed!important;padding-top:16px!important;}
 body.masterbar-catalog-sidebar-enabled .mbcs-wrap [data-mbcs-panel="filters"]::before {content:"Filtruj produkty"!important;font-size:16px!important;color:var(--mb-color-primary,#103258)!important;}
 body.masterbar-catalog-sidebar-enabled .mbcs-filter-section {border-bottom:1px solid #e2e8ef!important;padding-bottom:12px!important;margin-bottom:12px!important;}
 body.masterbar-catalog-sidebar-enabled .mbcs-filter-section > h4,
 body.masterbar-catalog-sidebar-enabled .mbcs-filter-section > h3 {font-size:12px!important;letter-spacing:.045em!important;text-transform:uppercase!important;color:#62748a!important;font-weight:750!important;}
 body.masterbar-catalog-sidebar-enabled .mbcs-filter-section .mbcs-check {font-weight:400!important;}
 body.masterbar-catalog-sidebar-enabled .mbcs-filter-search {display:block!important;width:100%!important;min-height:34px!important;padding:6px 10px!important;margin:7px 0 9px!important;border:1px solid #dce4ed!important;border-radius:7px!important;background:#fff!important;font-size:12px!important;box-shadow:none!important;}
 body.masterbar-catalog-sidebar-enabled .mbcs-filter-more {display:block!important;padding:5px 0!important;margin:5px 0 0!important;background:transparent!important;border:0!important;box-shadow:none!important;color:var(--mb-color-primary,#103258)!important;font-size:12px!important;font-weight:600!important;text-align:left!important;cursor:pointer!important;}
 body.masterbar-catalog-sidebar-enabled .mbcs-filter-option-hidden {display:none!important;}
 body.masterbar-catalog-sidebar-enabled .mbcs-filter-empty {font-size:12px;color:#66788b;padding:6px 0;}
}