/* nagłówki sekcji jak "KATEGORIE" w menu */
html body .aloha-shop-sidebar .aloha-sidebar-title {
font-family:Montserrat,"Segoe UI",sans-serif !important; font-size:12.5px !important; font-weight:700 !important; letter-spacing:.09em !important; text-transform:uppercase !important;
color:#8b939e !important; -webkit-text-fill-color:#8b939e !important; margin:0 0 14px !important;
}
/* ── Kategorie główne: kafelek ───────────────────────────────────────── */
html body .aloha-shop-sidebar .aloha-category-list { display:flex !important; flex-direction:column !important; gap:6px !important; margin:0 !important; padding:0 !important; }
html body .aloha-shop-sidebar li.aloha-category-item { margin:0 !important; padding:0 !important; background:transparent !important; border:0 !important; list-style:none !important; }
html body .aloha-shop-sidebar li.aloha-category-item > .aloha-cat-row,
html body .aloha-shop-sidebar li.aloha-category-item > a.aloha-category-link {
display:grid !important; grid-template-columns:minmax(0,1fr) 40px !important; align-items:stretch !important; gap:0 !important;
margin:0 !important; padding:0 !important; background:#1c1f26 !important; border:1px solid rgba(255,255,255,.08) !important;
border-radius:10px !important; overflow:hidden !important; box-shadow:none !important; transition:border-color .2s !important;
}
html body .aloha-shop-sidebar li.aloha-category-item > a.aloha-category-link { display:flex !important; }
html body .aloha-shop-sidebar li.aloha-category-item > .aloha-cat-row:hover,
html body .aloha-shop-sidebar li.aloha-category-item > a.aloha-category-link:hover { border-color:rgba(255,106,0,.35) !important; }
html body .aloha-shop-sidebar li.aloha-category-item a.aloha-category-link {
display:flex !important; align-items:center !important; gap:10px !important; min-height:44px !important;
padding:9px 8px 9px 12px !important; margin:0 !important; background:transparent !important; border:0 !important; border-radius:0 !important;
text-decoration:none !important; box-shadow:none !important; width:auto !important;
}
html body .aloha-shop-sidebar li.aloha-category-item > a.aloha-category-link { flex:1 1 auto !important; }
html body .aloha-shop-sidebar li.aloha-category-item a.aloha-category-link::before {
content:"" !important; display:inline-block !important; flex:0 0 18px !important; width:18px !important; height:18px !important;
background:#ff8c1a !important; -webkit-mask:var(--aloha-ik) center/contain no-repeat; mask:var(--aloha-ik) center/contain no-repeat;
}
html body .aloha-shop-sidebar li.aloha-category-item a.aloha-category-link .aloha-category-name {
flex:1 1 auto !important; min-width:0 !important; font-size:14px !important; font-weight:700 !important; line-height:1.3 !important;
color:#f0f0f0 !important; -webkit-text-fill-color:#f0f0f0 !important; background:transparent !important;
}
html body .aloha-shop-sidebar .aloha-category-count {
flex:0 0 auto !important; margin-left:auto !important; font-size:12px !important; font-weight:600 !important;
color:#8b939e !important; -webkit-text-fill-color:#8b939e !important; background:transparent !important;
}
/* "Wszystko" nie ma wiersza z przyciskiem - link sam jest kafelkiem (musi stać po regule zerującej tło linków) */
html body .aloha-shop-sidebar .aloha-category-list > li.aloha-category-item > a.aloha-category-link {
background:#1c1f26 !important; border:1px solid rgba(255,255,255,.08) !important; border-radius:10px !important; padding-right:12px !important;
}
html body .aloha-shop-sidebar .aloha-category-list > li.aloha-category-item > a.aloha-category-link:hover { border-color:rgba(255,106,0,.35) !important; }
/* aktywna kategoria: ramka i pomarańczowy tekst zamiast pełnego bloku */
html body .aloha-shop-sidebar li.aloha-category-item.active > .aloha-cat-row,
html body .aloha-shop-sidebar li.aloha-category-item.active > a.aloha-category-link,
html body .aloha-shop-sidebar li.aloha-category-item.is-open > .aloha-cat-row { border-color:rgba(255,106,0,.55) !important; }
html body .aloha-shop-sidebar li.aloha-category-item.active > .aloha-cat-row,
html body .aloha-shop-sidebar li.aloha-category-item.active > a.aloha-category-link { background:rgba(255,106,0,.08) !important; }
html body .aloha-shop-sidebar li.aloha-category-item.active a.aloha-category-link,
html body .aloha-shop-sidebar li.aloha-category-item.active > .aloha-cat-row { background-image:none !important; }
html body .aloha-shop-sidebar li.aloha-category-item.active > .aloha-cat-row a.aloha-category-link { background:transparent !important; }
html body .aloha-shop-sidebar .aloha-category-list > li.aloha-category-item.active > a.aloha-category-link { background:rgba(255,106,0,.08) !important; border-color:rgba(255,106,0,.55) !important; }
html body .aloha-shop-sidebar li.aloha-category-item.active a.aloha-category-link .aloha-category-name { color:#ff8c1a !important; -webkit-text-fill-color:#ff8c1a !important; }
/* ── Chevron ─────────────────────────────────────────────────────────── */
html body .aloha-shop-sidebar .aloha-cat-toggle {
display:flex !important; align-items:center !important; justify-content:center !important; position:static !important;
width:40px !important; min-width:40px !important; height:auto !important; min-height:0 !important; margin:0 !important; padding:0 !important;
background:transparent !important; border:0 !important; border-left:1px solid rgba(255,255,255,.08) !important; border-radius:0 !important;
box-shadow:none !important; cursor:pointer !important; color:transparent !important;
}
html body .aloha-shop-sidebar .aloha-cat-toggle:hover { background:rgba(255,106,0,.08) !important; }
html body .aloha-shop-sidebar .aloha-cat-toggle .aloha-cat-toggle-icon { display:none !important; }
html body .aloha-shop-sidebar .aloha-cat-toggle::before {
content:"" !important; display:block !important; width:16px !important; height:16px !important; background:#ff8c1a !important;
-webkit-mask:var(--aloha-ik) center/contain no-repeat; mask:var(--aloha-ik) center/contain no-repeat; transition:transform .25s !important;
}
html body .aloha-shop-sidebar .aloha-cat-toggle[aria-expanded="true"]::before { transform:rotate(180deg) !important; }
/* ── Podkategorie: lekka lista z linią przewodnią ────────────────────── */
html body .aloha-shop-sidebar .aloha-subcategory-list {
margin:4px 0 4px 12px !important; padding:2px 0 2px 8px !important; background:transparent !important;
border:0 !important; border-left:1px solid rgba(255,255,255,.10) !important; border-radius:0 !important;
}
html body .aloha-shop-sidebar li.aloha-subcategory-item { margin:0 !important; padding:0 !important; background:transparent !important; border:0 !important; list-style:none !important; }
html body .aloha-shop-sidebar li.aloha-subcategory-item > .aloha-cat-row {
display:grid !important; grid-template-columns:minmax(0,1fr) 32px !important; align-items:center !important;
margin:0 !important; padding:0 !important; background:transparent !important; border:0 !important; border-radius:8px !important;
}
html body .aloha-shop-sidebar li.aloha-subcategory-item:not(.has-children) > .aloha-cat-row { grid-template-columns:minmax(0,1fr) !important; }
html body .aloha-shop-sidebar li.aloha-subcategory-item > .aloha-cat-row > a {
display:block !important; padding:7px 8px !important; margin:0 !important; border-radius:8px !important; background:transparent !important; border:0 !important;
font-size:13.5px !important; font-weight:500 !important; line-height:1.35 !important; text-decoration:none !important;
color:#c4cad3 !important; -webkit-text-fill-color:#c4cad3 !important;
}
html body .aloha-shop-sidebar li.aloha-subcategory-item > .aloha-cat-row > a .aloha-category-count { margin-left:4px !important; font-size:11.5px !important; }
html body .aloha-shop-sidebar li.aloha-subcategory-item > .aloha-cat-row > a:hover { background:rgba(255,255,255,.04) !important; color:#fff !important; -webkit-text-fill-color:#fff !important; }
html body .aloha-shop-sidebar li.aloha-subcategory-item.active > .aloha-cat-row > a {
background:rgba(255,106,0,.10) !important; color:#ff8c1a !important; -webkit-text-fill-color:#ff8c1a !important; font-weight:700 !important;
}
html body .aloha-shop-sidebar li.aloha-subcategory-item .aloha-cat-toggle { width:32px !important; min-width:32px !important; height:32px !important; border-left:0 !important; border-radius:8px !important; }
html body .aloha-shop-sidebar li.aloha-subcategory-item .aloha-cat-toggle::before { width:14px !important; height:14px !important; background:#8b939e !important; }
html body .aloha-shop-sidebar li.aloha-subcategory-item .aloha-subcategory-list li.aloha-subcategory-item > .aloha-cat-row > a { font-size:13px !important; color:#8b939e !important; -webkit-text-fill-color:#8b939e !important; }
/* ── Marka i Status: spójne pola wyboru ──────────────────────────────── */
html body .aloha-shop-sidebar .aloha-attribute-list,
html body .aloha-shop-sidebar .aloha-status-list { display:flex !important; flex-direction:column !important; gap:2px !important; margin:0 !important; padding:0 !important; }
html body .aloha-shop-sidebar .aloha-attribute-item,
html body .aloha-shop-sidebar .aloha-status-item { margin:0 !important; padding:0 !important; list-style:none !important; background:transparent !important; border:0 !important; }
html body .aloha-shop-sidebar .aloha-attribute-item > a,
html body .aloha-shop-sidebar .aloha-status-item > a {
display:flex !important; align-items:center !important; gap:10px !important; padding:8px 8px !important; margin:0 !important;
border-radius:8px !important; background:transparent !important; text-decoration:none !important; border:0 !important;
}
html body .aloha-shop-sidebar .aloha-attribute-item > a:hover,
html body .aloha-shop-sidebar .aloha-status-item > a:hover { background:rgba(255,255,255,.04) !important; }
html body .aloha-shop-sidebar .aloha-attribute-name,
html body .aloha-shop-sidebar .aloha-status-name {
flex:1 1 auto !important; font-family:inherit !important; font-size:14px !important; font-weight:600 !important; line-height:1.3 !important;
color:#e6e6e6 !important; -webkit-text-fill-color:#e6e6e6 !important;
}
html body .aloha-shop-sidebar .aloha-attribute-count { font-size:12px !important; font-weight:600 !important; color:#8b939e !important; -webkit-text-fill-color:#8b939e !important; }
html body .aloha-shop-sidebar .aloha-checkbox {
display:inline-flex !important; align-items:center !important; justify-content:center !important; flex:0 0 18px !important;
width:18px !important; height:18px !important; margin:0 !important; padding:0 !important; border-radius:5px !important;
background:transparent !important; border:1.5px solid #4a4f58 !important; box-shadow:none !important;
font-size:12px !important; font-weight:800 !important; line-height:1 !important; color:#fff !important; -webkit-text-fill-color:#fff !important;
}
html body .aloha-shop-sidebar .aloha-checkbox.checked { background:#ff6a00 !important; border-color:#ff6a00 !important; }
html body .aloha-shop-sidebar .selected > a .aloha-attribute-name,
html body .aloha-shop-sidebar .selected > a .aloha-status-name { color:#fff !important; -webkit-text-fill-color:#fff !important; }
html body .aloha-shop-sidebar .aloha-status-item.selected > a,
html body .aloha-shop-sidebar .aloha-attribute-item.selected > a { background:rgba(255,106,0,.08) !important; }
/* ── Paginacja (10.10.2026) ──────────────────────────────────────────────
ul też ma klasę page-numbers, więc hover dla przycisków malował całą belkę na pomarańczowo,
a li i a miały po własnej ramce. Zerujemy ul/li, styl dostają tylko a/span. */
html body nav.woocommerce-pagination { margin:34px 0 10px !important; padding:0 !important; border:0 !important; background:transparent !important; text-align:center !important; }
html body nav.woocommerce-pagination ul.page-numbers,
html body nav.woocommerce-pagination ul.page-numbers:hover {
display:flex !important; flex-wrap:wrap !important; justify-content:center !important; align-items:center !important; gap:6px !important;
margin:0 !important; padding:0 !important; background:transparent !important; border:0 !important; box-shadow:none !important; transform:none !important;
}
html body nav.woocommerce-pagination ul.page-numbers > li,
html body nav.woocommerce-pagination ul.page-numbers > li:hover {
display:block !important; float:none !important; margin:0 !important; padding:0 !important; background:transparent !important; border:0 !important; box-shadow:none !important; overflow:visible !important;
}
html body nav.woocommerce-pagination ul.page-numbers > li > a.page-numbers,
html body nav.woocommerce-pagination ul.page-numbers > li > span.page-numbers {
display:inline-flex !important; align-items:center !important; justify-content:center !important; box-sizing:border-box !important;
min-width:42px !important; height:42px !important; padding:0 12px !important; margin:0 !important;
background:#1c1f26 !important; background-image:none !important; border:1px solid rgba(255,255,255,.08) !important; border-radius:10px !important; box-shadow:none !important;
font-family:Montserrat,"Segoe UI",sans-serif !important; font-size:14px !important; font-weight:700 !important; line-height:1 !important; text-decoration:none !important;
color:#e6e6e6 !important; -webkit-text-fill-color:#e6e6e6 !important; transform:none !important; transition:border-color .15s, color .15s, background-color .15s !important;
}
html body nav.woocommerce-pagination ul.page-numbers > li > a.page-numbers:hover,
html body nav.woocommerce-pagination ul.page-numbers > li > a.page-numbers:focus-visible {
background:rgba(255,106,0,.10) !important; border-color:rgba(255,106,0,.6) !important; color:#ff8c1a !important; -webkit-text-fill-color:#ff8c1a !important; outline:none !important;
}
html body nav.woocommerce-pagination ul.page-numbers > li > span.page-numbers.current {
background:#ff6a00 !important; border-color:#ff6a00 !important; color:#fff !important; -webkit-text-fill-color:#fff !important; box-shadow:0 4px 14px rgba(255,106,0,.35) !important;
}
html body nav.woocommerce-pagination ul.page-numbers > li > span.page-numbers.dots {
min-width:24px !important; padding:0 2px !important; background:transparent !important; border-color:transparent !important; box-shadow:none !important;
color:#6b717b !important; -webkit-text-fill-color:#6b717b !important;
}
html body nav.woocommerce-pagination ul.page-numbers > li > a.prev.page-numbers,
html body nav.woocommerce-pagination ul.page-numbers > li > a.next.page-numbers { font-size:16px !important; color:#ff8c1a !important; -webkit-text-fill-color:#ff8c1a !important; }
@media (max-width:600px) {
html body nav.woocommerce-pagination ul.page-numbers { gap:4px !important; flex-wrap:nowrap !important; }
html body nav.woocommerce-pagination ul.page-numbers > li > a.page-numbers,
html body nav.woocommerce-pagination ul.page-numbers > li > span.page-numbers { min-width:36px !important; height:38px !important; padding:0 8px !important; font-size:13.5px !important; }
/* na telefonie jeden rząd: strzałki, pierwsza i ostatnia strona, bieżąca z sąsiadami, kropki */
html body nav.woocommerce-pagination ul.page-numbers > li { display:none !important; }
html body nav.woocommerce-pagination ul.page-numbers > li:has(.prev),
html body nav.woocommerce-pagination ul.page-numbers > li:has(.next),
html body nav.woocommerce-pagination ul.page-numbers > li:has(.dots),
html body nav.woocommerce-pagination ul.page-numbers > li:has(.current),
html body nav.woocommerce-pagination ul.page-numbers > li:has(+ li > .current),
html body nav.woocommerce-pagination ul.page-numbers > li:has(.current) + li,
html body nav.woocommerce-pagination ul.page-numbers > li:has(.prev) + li,
html body nav.woocommerce-pagination ul.page-numbers > li:first-child:not(:has(.prev)),
html body nav.woocommerce-pagination ul.page-numbers > li:has(+ li:last-child > .next),
html body nav.woocommerce-pagination ul.page-numbers > li:last-child:not(:has(.next)) { display:block !important; }
}