/* サムネイル右下の「⋮」メニュー（thumb-menu.js とセットで使う）。
   2026-08-06: 元は viewer.css の中にあったが、ビューワーを別ページへ分離した
   グリッドページは viewer.css を読み込まなくなる。CSSがそちらに残っていると
   .thumb-menu の display:none が効かず、全サムネでメニューが開きっぱなしになるため
   コンポーネント単位でこのファイルへ切り出した。
   ※ viewer.css 側にも当面は同じ定義が残っている（オーバーレイ版のページがまだ
     そちらを参照しているため）。全ページの移行が終わったら viewer.css から削除する */

.thumb-menu-wrap {
  z-index: 3;
}
.thumb-menu-btn {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: rgba(0,0,0,0.55);
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.thumb-menu {
  display: none;
  position: absolute;
  bottom: 32px;
  right: 0;
  background: rgba(20,20,20,0.95);
  border-radius: 10px;
  padding: 6px;
  min-width: 130px;
  flex-direction: column;
  gap: 2px;
  z-index: 6;
  box-shadow: 0 4px 14px rgba(0,0,0,0.4);
}
.thumb-menu.is-open {
  display: flex;
}
.thumb-menu-main,
.thumb-menu-reasons {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.thumb-menu button {
  background: none;
  border: none;
  color: #fff;
  text-align: left;
  padding: 8px 10px;
  border-radius: 6px;
  font-size: 12.5px;
  cursor: pointer;
  white-space: nowrap;
}
.thumb-menu button:hover {
  background: rgba(255,255,255,0.15);
}
.thumb-menu-done {
  color: #9adf9a;
  font-size: 12px;
  padding: 8px 10px;
}

/* 「ここから連続再生」。thumb-menu.js が window.TDG_VIEWER_PAGE のあるページでだけ
   メニュー先頭に差し込む。他の項目と区別できるようアクセント色にする */
.thumb-menu-viewer {
  color: #6fd0ff !important;
  font-weight: 700;
}