/* ==========================================================================
   Sidebar kategorii z sekcjami
   ========================================================================== */

.cb-cats { list-style: none; margin: 0; padding: 0; }

.cb-cats__item {
  position: relative;
  border-bottom: 1px solid var(--cb-line);
}

.cb-cats__item:last-child { border-bottom: 0; }

.cb-cats__main {
  display: block;
  padding: 14px 32px 14px 0;
  color: var(--cb-brand);
  font-weight: 700;
  text-transform: uppercase;
  font-size: var(--cb-fs-small);
  letter-spacing: .04em;
}

.cb-cats__main:hover { color: var(--cb-brand-600); text-decoration: none; }
.cb-cats__item.current-cat > .cb-cats__main { color: var(--cb-accent); }

/* ——— Rozwijanie kategorii głównej ——— */

.cb-sidebar__expand {
  position: absolute;
  right: 0;
  top: 10px;
  background: none;
  border: 0;
  cursor: pointer;
  padding: 6px;
  color: var(--cb-brand);
  line-height: 0;
}

.cb-sidebar__expand svg { transition: transform .15s ease; }
.cb-sidebar__expand[aria-expanded="true"] svg { transform: rotate(180deg); }

.cb-cats__sub { display: none; padding: 0 0 12px; }
.cb-cats__sub[data-open="true"] { display: block; }

/* ——— Nagłówek sekcji („Przeznaczenie", „Rodzaj") ———
 *
 * Sekcje nie są kategoriami, tylko nagłówkami nawigacji — dlatego są
 * przyciskami, a nie odnośnikami. Nie ma dokąd nimi przejść.
 */

.cb-cats__group {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 10px 8px 10px 16px;
  background: none;
  border: 0;
  cursor: pointer;
  color: var(--cb-ink);
  font: 700 var(--cb-fs-small)/1.2 var(--cb-font);
  text-align: left;
}

.cb-cats__group:hover { color: var(--cb-brand-600); }
.cb-cats__group svg { transition: transform .15s ease; flex: 0 0 auto; margin-left: 8px; }
.cb-cats__group[aria-expanded="true"] svg { transform: rotate(180deg); }

/* ——— Lista podkategorii ——— */

.cb-cats__list { list-style: none; margin: 0 0 8px; padding: 0 0 0 16px; display: none; }
.cb-cats__list[data-open="true"] { display: block; }
.cb-cats__list li { border: 0; }

.cb-cats__list a {
  display: block;
  padding: 7px 0;
  color: var(--cb-ink);
  font-size: var(--cb-fs-body);
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
}

.cb-cats__list a:hover { color: var(--cb-brand-600); text-decoration: none; }
.cb-cats__list li.current-cat > a { color: var(--cb-accent); font-weight: 700; }