/* Category Tree - Black text, compact line-height, ┣/┗ tree style */

.my-category-tree-root {
  padding: 10px 14px;
  font-family: "Noto Sans JP", "Hiragino Sans", "Yu Gothic UI", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  color: #000; /* 黒文字 */
  background: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 6px;
}

/* 親ブロック */
.my-category-parent {
  margin-bottom: 8px;
}

/* リンク（親/子 共通） */
.my-cat-link {
  display: inline-block;
  text-decoration: none;
  color: #000;
  /* font-weight: 600; */
  /* font-size: 0.95rem; */
  line-height: 1.25; /* 行間をさらに狭める */
  padding: 2px 4px;
  transition: background 0.12s ease;
}

.my-cat-link:hover {
  background: #f7f7f7;
  border-radius: 4px;
  text-decoration: none;
}

/* カウント */
.my-cat-count {
  margin-left: 6px;
  color: #666;
  font-size: 0.85rem;
  font-weight: 600;
}

/* ツリー全体 */
.my-category-tree {
  list-style: none;
  margin: 4px 0 0 0;
  padding-left: 0;
  font-size: 0.92rem;
}

/* 各子カテゴリ */
.my-category-tree .my-cat-item {
  position: relative;
  margin: 2px 0;
  padding-left: 18px; /* 見た目のインデント */
  line-height: 1.25;
}

/* ┣・┗ を疑似要素で付与 */
.my-category-tree .my-cat-item::before {
  content: "┣";
  position: absolute;
  left: 0;
  top: 0;
  color: #8a8a8a;
  font-size: 0.95rem;
  line-height: 1.25;
}

/* 最後の子要素は┗に変更 */
.my-category-tree .my-cat-item.my-cat-last::before,
.my-category-tree .my-cat-item:last-child::before {
  content: "┗";
}

/* ネストされたリストの微調整（見た目で縦ライン感を出すため） */
.my-category-tree .my-category-tree {
  margin-top: 4px;
  padding-left: 0;
}

/* モバイル調整 */
@media (max-width: 720px) {
  .my-category-tree-root { padding: 8px 10px; }
  .my-cat-link { font-size: 0.92rem; line-height: 1.2; }
  .my-category-tree .my-cat-item { padding-left: 14px; }
}