/* ============================================================================
 * 作品画像の「長押し／右クリック保存」を抑止する — CSS 側
 * ----------------------------------------------------------------------------
 * 背景（2026-08-20・オーナー承認）:
 *   iPhone で作品画像を長押しすると「画像を保存…／画像をコピー」の callout が出る。
 *   スクリーンショット・直URL・キャッシュ・DevTools では依然として取得できるため
 *   **完全には防げない**ことをオーナーに説明済みで、承知のうえで
 *   「敷居を上げる」目的で入れている。著作権メタデータ埋め込み（2026-08-20）と
 *   公開画像の 1200px 化（同日）とセットの施策。
 *
 * 🔴 スコープの鉄則（ここを広げると売上に直結する事故になる）
 *   - 対象は **<img> 要素だけ**。html / body / * / div などに掛けない。
 *   - このサイトには注文番号・住所・価格が表示される。ページ全体に
 *     user-select:none を掛けるとお客様が注文番号をコピーできなくなる。
 *   - 管理画面 Admin.html はこのCSSを読み込まない
 *     （scripts/sync-site-headers.js の SKIP_FILES に入っているため）。
 *   - 判定は「src に uploads/ を含む img」＝作品・商品・ヒーロー等の自社画像のみ。
 *     Amazon の機材写真など外部ホストの画像や /assets/mascot.png は対象外。
 *
 * JS 側（contextmenu / dragstart / draggable=false）は assets/image-protect.js。
 * テストは tests/image-protect.test.js が固定している。
 * ========================================================================== */

/* iOS の長押し callout を止めるのが本命。user-select / user-drag は
   ドラッグ保存とテキスト選択ハンドルの巻き込みを防ぐための補助。 */
img[src*="uploads/"],
img[data-protected-image] {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  /* 🔴 pointer-events は**書かない**。既定の auto のままで良いうえ、
     index.html の `#lightbox img { pointer-events: none }`（画像のどこを押しても
     背景クリック扱いで閉じる、という意図的な指定）を打ち消す危険があるため。 */
}

/* 明示的に保存を許したい画像のための逃げ道。
   例: 将来「この画像は自由にお使いください」を出す場合に data-allow-save を付ける。 */
img[data-allow-save] {
  -webkit-touch-callout: default;
  -webkit-user-select: auto;
  user-select: auto;
  -webkit-user-drag: auto;
}