/* ══════════════════════════════════════════
   ARMY-SURPLUS.CZ — Sidebar kategorie
   Tři vizuální úrovně: SKUPINA › Kategorie › podkategorie
   Vkládat ZA stávající "SIDEBAR KATEGORIE" blok
   !important všude, kde má efekt (mimo @keyframes)
   ══════════════════════════════════════════ */

/* ── ÚROVEŇ 0 — SKUPINA (topic) ─────────────── */
#categories .categories > .topic > a {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
  font-size: 15px !important;
  color: #3d4a2e !important;
  padding: 12px 14px 10px !important;
  border-top: 2px solid #d4cbb8 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}
#categories .categories:first-child > .topic > a { border-top: none !important; }
#categories .categories > .topic > a:hover { color: #c8a96e !important; }
#categories .categories > .topic.child-active > a { color: #4a5c2a !important; }

/* ── ÚROVEŇ 1 — KATEGORIE (li > a, první vnoření) ── */
#categories .categories > ul > li > a {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 600 !important;
  text-transform: none !important;
  letter-spacing: .01em !important;
  font-size: 14px !important;
  color: #4a5c2a !important;
  padding: 7px 14px 7px 20px !important;
}

/* ── ÚROVEŇ 2 — PODKATEGORIE (li > ul > li > a) ── */
#categories .categories > ul > li > ul > li > a {
  font-family: 'Barlow', sans-serif !important;
  font-weight: 400 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-size: 13px !important;
  color: #6b7460 !important;
  padding: 5px 14px 5px 34px !important;
  position: relative !important;
}
#categories .categories > ul > li > ul > li > a::before {
  content: "" !important;
  position: absolute !important;
  left: 24px !important;
  top: 50% !important;
  width: 6px !important;
  height: 1px !important;
  background-color: #c8a96e !important;
}
#categories .categories > ul > li > ul > li > a:hover {
  color: #4a5c2a !important;
  background-color: #f0ece4 !important;
}

/* ── ÚROVEŇ 3 (hlubší vnoření) ────────────────── */
#categories .categories > ul > li > ul > li > ul > li > a {
  font-family: 'Barlow', sans-serif !important;
  font-weight: 400 !important;
  font-size: 12.5px !important;
  padding-left: 46px !important;
  color: #8a8f7e !important;
}

/* ── rozbalovací šipka (cat-trigger) ──────────── */
#categories .cat-trigger {
  opacity: .5 !important;
  transition: transform .2s, opacity .2s !important;
}
#categories .expanded > .topic > a .cat-trigger,
#categories li.expanded > a .cat-trigger {
  transform: rotate(90deg) !important;
  opacity: .8 !important;
}

/* ── aktivní větev — zvýraznění ───────────────── */
#categories .categories li.active > a,
#categories .categories .topic.active > a {
  background-color: #e8f0da !important;
  border-left: 2px solid #4a5c2a !important;
}