/* === WC Category Tree - Light Palette (Default) ============================= */
:root{
  --wcct-font-size: 14.5px;
  --wcct-text: #4a5568;
  --wcct-muted: #a0aec0;
  --wcct-hover: #2d3748;
  --wcct-accent: #5aa3ff;
  --wcct-border: #edf2f7;
  --wcct-bg: #ffffff;
  --wcct-toggle-bg: #fbfcfe;
  --wcct-radius: 8px;
}



.wc-cat-tree{ font-size: var(--wcct-font-size); color: var(--wcct-text); }
.wc-cat-ul{ list-style:none; margin:0; padding-left:0; }
.wc-cat-root{ padding:6px 0; }

.wc-cat-li{ position: relative; margin: 0; padding: 2px 0; }
.wc-cat-li > .wc-cat-toggle,
.wc-cat-li > .wc-cat-spacer,
.wc-cat-li > .wc-cat-link{ vertical-align: middle; }

.wc-cat-toggle{
  width: 22px; height: 22px;
  display:inline-grid; place-items:center;
  margin-right: 8px;
  border: 1px solid var(--wcct-border);
  background: var(--wcct-toggle-bg);
  border-radius: 6px;
  cursor: pointer;
  line-height: 1; font-weight: 700;
  color: var(--wcct-text);
  transition: background .2s ease, border-color .2s ease, color .2s ease, transform .15s;
  padding:2px;
}
.wc-cat-toggle:hover{ border-color: var(--wcct-accent); color: var(--wcct-accent); transform: translateY(-1px); }
.wc-cat-toggle[aria-expanded="true"]{ background:#fff; }

.wc-cat-link{
  display:inline-block;
 
  border-radius: 6px;
  text-decoration: none;
  color: #111A23 !important; 
  transition: color .15s, background .15s;
  font-weight: 400 !important;
}
.wc-cat-link:hover{   color: #147BC0; background: rgba(90,163,255,.10); }
.wc-cat-count{ margin-left: 4px; font-size: .92em; color: var(--wcct-muted); }

.wc-cat-children{
  margin-left: 30px;
  padding-left: 12px;
  border-left: 1px dashed var(--wcct-border);
}

.wc-cat-li.no-children{ display: flex; align-items: center; }
.wc-cat-li.no-children > .wc-cat-link{ margin-left: 30px; }

.wc-cat-li.is-current > .wc-cat-link{
  color: var(--wcct-accent);
  font-weight: 600;
  background: rgba(90,163,255,.14);
    color: #111A23 !important; 
}
.wc-cat-li.is-ancestor > .wc-cat-link{ color: var(--wcct-accent); }

.wc-cat-li + .wc-cat-li{ }
.wc-cat-root > .wc-cat-li{ padding: 6px 0; }

.wc-cat-tree.boxed{
  background: var(--wcct-bg);
  border: 1px solid var(--wcct-border);
  border-radius: var(--wcct-radius);
  padding: 10px 12px;
}

/* Dark mode */
@media (prefers-color-scheme: dark){
  :root{
    --wcct-text:#e5e7eb; --wcct-muted:#9ca3af; --wcct-hover:#fff;
    --wcct-accent:#60a5fa; --wcct-border:#334155; --wcct-bg:#0b1220; --wcct-toggle-bg:#0f172a;
  }
}

/* RTL */
[dir="rtl"] .wc-cat-children{
  margin-left: 0; margin-right: 30px; padding-left: 0; padding-right:12px; border-left: 0; border-right: 1px dashed var(--wcct-border);
}
[dir="rtl"] .wc-cat-li.no-children > .wc-cat-link{ margin-left: 0; }
[dir="rtl"] .wc-cat-toggle{ margin-right: 0; margin-left: 8px; }


.wc-cat-li.no-children > .wc-cat-link {
    margin-left: 0px !important}


.wc-cat-link {color: #111A23 !important;  padding: 2px 10px !important;}