/* --- Base reset --- */
.cpc-categories,
.cpc-categories ul {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-left:10px;
}

/* Item */
.cpc-item {
  margin: 6px 0;
  line-height: 1.4;
}

/* Ensure name is inline so toggle sits next to it */
.cpc-item > a,
.cpc-item > span {
  display: inline-block;
  padding: 6px 4px;
  vertical-align: middle;
  cursor: pointer;
  text-decoration: none;
  color: inherit;
}

/* Toggle icon (use ::after to show + / -; no JS text) */
.cpc-toggle {
  display: inline-block;
  width: 20px;
 float:right;
  margin-left: 8px;
  vertical-align: middle;
  user-select: none;
}
.cpc-toggle::after { content: "+"; font-weight: 700; }

/* Active (open) state */
.cpc-item.active > .cpc-toggle::after { content: "−"; } /* minus */
.cpc-item.active > .cpc-children { display: block; }

/* Children list */
.cpc-children {
  display: none; /* hidden by default */
  margin-left: 20px;
  padding-left: 0;
}

/* Subcategory style (grey) */
.cpc-children a,
.cpc-children span {
  color: grey;
  font-size: 0.95em;

}

/* Highlight active parent link */
.cpc-item.active > a {
  font-weight: 700;
  color: #000;
}