/* Listing category navigation; logical spacing keeps the same layout in RTL. */
.widget-area .widget-categories {
  background: #fafafa;
  border: 1px solid #ececec;
  border-radius: 18px;
  padding: 22px 18px;
}
.widget-area .widget-categories .title { margin-bottom: 0; }
.widget-area .widget-categories .accordion-body { padding-top: 16px; }
.category-tree,
.category-tree .category-tree-children {
  list-style: none;
  padding: 0;
  margin: 0;
}
.category-tree .category-tree-node { margin: 3px 0; padding: 0; }
.category-tree .category-tree-summary {
  display: flex;
  align-items: center;
  gap: 6px;
  list-style: none;
  cursor: pointer;
  border-radius: 11px;
  transition: background-color 180ms ease;
}
.category-tree summary::-webkit-details-marker { display: none; }
.category-tree summary::marker { content: ''; }
.widget-area .widget-categories .category-tree .category-tree-link {
  display: flex;
  align-items: center;
  flex: 1;
  min-width: 0;
  min-height: 44px;
  padding: 9px 12px;
  border-radius: 11px;
  color: #52545a;
  font-size: .9375rem;
  font-weight: 500;
  line-height: 1.65;
  text-decoration: none;
  overflow-wrap: anywhere;
  transition: color 180ms ease, background-color 180ms ease;
}
.category-tree .category-tree-link::before,
.category-tree .category-tree-link::after { content: none !important; }
.category-tree .category-tree-summary:hover,
.widget-area .widget-categories .category-tree .category-tree-link:hover { background: #f0f0f2; }
.category-tree .has-selection > details > .category-tree-summary { background: #f4f4f5; }
.widget-area .widget-categories .category-tree .category-tree-link[aria-current="page"] {
  background: #fff0eb;
  color: var(--color-primary, #f9725f);
  font-weight: 700;
}
.category-tree .category-tree-summary:focus-visible,
.category-tree .category-tree-link:focus-visible {
  outline: 2px solid var(--color-primary, #f9725f);
  outline-offset: 3px;
}
.category-tree .category-tree-toggle {
  position: relative;
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  margin-inline-end: 8px;
  border: 1px solid #e3e3e7;
  border-radius: 9px;
  background: #fff;
  color: #6c6e75;
  transition: color 180ms ease, border-color 180ms ease, background-color 180ms ease;
}
.category-tree .category-tree-toggle::before,
.category-tree .category-tree-toggle::after {
  content: '';
  position: absolute;
  inset: 0;
  width: 10px;
  height: 1.5px;
  margin: auto;
  background: currentColor;
  border-radius: 2px;
  transition: transform 240ms ease;
}
.category-tree .category-tree-toggle::after { transform: rotate(90deg); }
.category-tree details[open] > summary .category-tree-toggle::after { transform: rotate(0deg); }
.category-tree details[data-expanded="false"] > summary .category-tree-toggle::after { transform: rotate(90deg); }
.category-tree details[data-expanded="true"] > summary .category-tree-toggle {
  color: var(--color-primary, #f9725f);
  border-color: #f6d3c8;
  background: #fff8f5;
}
.category-tree .category-tree-children-wrap { overflow: hidden; }
.category-tree .category-tree-children {
  margin-block: 5px 8px;
  margin-inline-start: 17px;
  padding-inline-start: 12px;
  border-inline-start: 1px solid #e1e2e5;
}
.widget-area .widget-categories .category-tree-children .category-tree-link { font-size: .875rem; }
@media (prefers-reduced-motion: reduce) {
  .category-tree *, .category-tree *::before, .category-tree *::after { transition: none !important; }
}