/* ==========================================
   Drupal Book Navigation Enhancement
   Zuvi + Book 3.x
========================================== */

/* 子階層 */
nav[aria-label*="ブックアウトライン"] ul.menu {
  padding-left: 1rem;
}

/* 行間 */
nav[aria-label*="ブックアウトライン"] .menu-book-item {
  margin: 0.15rem 0;
  display: flex;          /* ← 追加 */
  align-items: center;   /* ← 追加 */
  flex-wrap: wrap;        /* ← 追加（サブメニューを次行へ） */
}
/* ファイルアイコンを非表示 */
nav[aria-label*="ブックアウトライン"] .icon-file {
  display: none;
}

/* --------------------------
   トグルボタン
-------------------------- */

.book-toggle {
  display: inline-block;
  width: 1.2em;
  cursor: pointer;
  user-select: none;
  text-align: center;
  margin-right: 0.25rem;
  
  font-size: 0.8em;
  
  transition: transform 0.2s ease;
}

/* ▶ */
.book-toggle::before {
  content: "▶";
  display: inline-block;
}

/* 開いたら回転 */
.menu-book-item.expanded > .book-toggle {
  transform: rotate(90deg);
}

/* --------------------------
   開閉アニメーション
-------------------------- */

.menu-book-item > ul.menu {
  flex-basis: 100%;       /* ← 追加（ul を折り返して次行に） */
  overflow: hidden;
  max-height: 1000px;
  opacity: 1;
  transition:
    max-height 0.25s ease,
    opacity 0.2s ease;
}


.menu-book-item.collapsed > ul.menu {
  max-height: 0;
  opacity: 0;
}

/* --------------------------
   リンク
-------------------------- */

nav[aria-label*="ブックアウトライン"] a {
  transition:
    color 0.15s ease,
    padding-left 0.15s ease;
}

/* ホバー */
nav[aria-label*="ブックアウトライン"] a:hover {
  padding-left: 4px;
}

/* --------------------------
   現在ページ
-------------------------- */

.menu-book-item > a.is-active {
  /* display: block; → 削除 */
  /* width: 100%;    → 削除 */
  flex: 1;               /* ← 追加（残り幅いっぱいに広げる） */
  font-weight: 700;
  color: #7ba3f5;
  padding: 2px 8px;
  border-radius: 4px;
  background: linear-gradient(
    90deg,
    rgba(133,199,252,0.18) 0%,
    rgba(133,199,252,0.07) 50%,
    rgba(133,199,252,0)   100%
  );

}