/* =========================================================
   BB PanZoom Viewer (Cocoon用) - Final (Simple + Fullscreen Overlay)
   - ページ内：画像はただ表示（スクロール奪わない）
   - ページ内の操作ボタン：全画面のみ（＋－等なし）
   - 全画面：オーバーレイ内でドラッグ移動 + ホイール/ピンチズーム
   - ボタンバー：上に固定（スクロールしても常に見える）
   ========================================================= */

/* =========================================================
   ページ内（サムネ表示用：bb-simple-viewer）
   ========================================================= */
.bb-simple-viewer{
  margin: 18px 0 18px;
}

.bb-simple-topbar{
  display:flex;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;
  margin: 10px 0 0;
}

/* 共通ボタン */
.bb-viewer-btn{
  display:inline-block;
  padding:8px 12px;
  border-radius:8px;
  border:1px solid #ddd;
  background:#fff;
  color:#333;
  cursor:pointer;
  text-decoration:none;
  line-height:1;
}
.bb-viewer-btn:active{
  transform: translateY(1px);
}

/* =========================================================
   背景スクロール停止（全画面表示中のみ）
   ========================================================= */
.bb-lock-scroll{
  overflow:hidden !important;
}

/* =========================================================
   全画面オーバーレイ（JSでbody直下に生成）
   ========================================================= */
.bb-overlay{
  position:fixed;
  inset:0;
  z-index:2147483647;
  background:rgba(0,0,0,0.85);
  display:flex;
  flex-direction:column;
}

/* ボタンバー（上固定） */
.bb-overlay-bar{
  position:sticky;
  top:0;
  z-index:2;

  padding:10px;
  display:flex;
  gap:10px;
  justify-content:center;
  flex-wrap:wrap;

  background:rgba(0,0,0,0.55);
  backdrop-filter: blur(6px);
}

/* 画像表示エリア */
.bb-overlay-stage{
  position:relative;
  flex:1;
  overflow:hidden;

  /* ここは「ページスクロールを奪わない」ため全画面だけ制御する */
  touch-action: none;
}

/* 全画面の画像（transformでパン・ズーム） */
.bb-overlay-img{
  position:absolute;
  top:0;
  left:0;
  transform-origin:0 0;
  max-width:none;
  max-height:none;
  user-select:none;
  -webkit-user-drag:none;

  /* にじみ軽減（環境依存） */
  image-rendering: -webkit-optimize-contrast;
}
.bb-simple-thumb{
  cursor: zoom-in;
}
.bb-simple-thumb img{
  -webkit-user-drag: none;
  user-select: none;
}