<!--
============================================================
ファイル名      : delete_mark_override.css
役割           : CLASSIFY_WEB の削除フラグ（左上□／X）表示を統一し、
                 既存UI（分類・比較）の挙動を変えずに視認性を改善する。
                 併せて「画像が読み込まれているのに見えない」ケースを避けるため、
                 photo_data_web 配下画像の表示を強制する保険ルールを含む。
バージョン     : v0.2
作成日         : 2025-12-18
更新日         : 2025-12-18
保存先         : /Users/yoichiamano/Projects/Album_Viewer/SG25_AlbumUnit/PDIS_SORT/CLASSIFY_WEB/
注意事項:
  - 本ファイルは style.css の後に読み込まれる想定（上書き用途）。
  - 既存レイアウトは壊さず、必要な上書きのみを !important で行う。
============================================================
-->
/* ------------------------------
   Delete mark (□ / X) unified
------------------------------ */
.deleteMark{
  position: absolute !important;
  top: 6px !important;
  left: 6px !important;
  width: 18px !important;
  height: 18px !important;
  border: 1px solid rgba(255,255,255,0.85) !important;
  background: transparent !important;
  border-radius: 3px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  line-height: 1 !important;
  color: #d00000 !important;
  cursor: pointer !important;
  user-select: none !important;
  -webkit-user-select: none !important;
  z-index: 30 !important;
}
.deleteMark.isMarked{
  border-color: rgba(255,255,255,0.95) !important;
}
.deleteMark.isMarked::before{
  content: "X";
}
.deleteMark:not(.isMarked)::before{
  content: "";
}

/* deleteMark クリックが親の選択/枠色変更に伝播しないための保険 */
.deleteMark, .deleteMark *{
  pointer-events: auto !important;
}

/* ------------------------------
   Safety: force thumbnails visible
   (画像はロードされているのに見えないケース対策)
------------------------------ */
img[src*="photo_data_web/"],
img[src*="/photo_data_web/"]{
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
}