/* =====================================================================
   style.css — EXIF情報の確認・削除 ツール固有の微調整のみ。
   共通スタイルは /_shared/shirugear.css に任せる。
   ===================================================================== */

/* 値はタブ幅数字で桁を揃える */
.sg-result-row__value {
  font-variant-numeric: tabular-nums;
}

/* ドラッグ＆ドロップ枠 */
.exif-drop {
  border: 2px dashed var(--sg-border, #d1d5db);
  border-radius: var(--sg-radius, 8px);
  padding: 28px 16px;
  text-align: center;
  transition: border-color 0.15s, background 0.15s;
}
.exif-drop.is-dragover {
  border-color: var(--sg-primary, #3b5bdb);
  background: rgba(59, 91, 219, 0.06);
}
.exif-drop__text {
  margin: 0 0 12px;
  color: var(--sg-muted, #6b7280);
  font-size: 0.92rem;
  line-height: 1.6;
}
.exif-file-label {
  cursor: pointer;
}
.exif-drop__hint {
  margin-top: 12px;
}

.exif-privacy {
  margin-top: var(--sg-space-4);
}

/* プレビュー */
.exif-preview-wrap {
  text-align: center;
  margin-bottom: var(--sg-space-4);
}
.exif-preview {
  max-width: 100%;
  max-height: 300px;
  height: auto;
  border-radius: var(--sg-radius, 8px);
  border: 1px solid var(--sg-border, #e5e7eb);
  background-color: #fff;
}

/* GPS 警告バッジ（強調） */
.exif-gpswarn {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: var(--sg-space-4);
  padding: 14px 16px;
  border-radius: var(--sg-radius, 8px);
  border: 1px solid #f0b4b4;
  background: #fdecec;
  color: #9b1c1c;
}
.exif-gpswarn strong {
  font-weight: 700;
  font-size: 0.98rem;
}
.exif-gpswarn__coord {
  font-variant-numeric: tabular-nums;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.9rem;
}
.exif-gpswarn__desc {
  font-size: 0.85rem;
  line-height: 1.6;
  color: #7f1d1d;
}

/* 位置情報の行を強調 */
.exif-row--warn .sg-result-row__value {
  color: #9b1c1c;
  font-weight: 600;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

.exif-noexif {
  margin-top: var(--sg-space-4);
}

/* 削除・保存の導線 */
.exif-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin-top: var(--sg-space-4);
}
.exif-strip-btn {
  cursor: pointer;
}
.exif-strip-btn:disabled {
  opacity: 0.6;
  cursor: default;
}
.exif-strip-btn.is-done {
  background: #16a34a;
  border-color: #16a34a;
}
.exif-dl-link {
  text-decoration: none;
}
.exif-copy-btn {
  cursor: pointer;
}
.exif-copy-btn.is-done {
  background: #16a34a;
  border-color: #16a34a;
}
.exif-strip-note {
  margin-top: var(--sg-space-4);
  line-height: 1.7;
}

/* ダークテーマ調整 */
:root.sg-dark .exif-preview {
  background-color: #1e2430;
  border-color: #39424f;
}
:root.sg-dark .exif-gpswarn {
  border-color: #7f2a2a;
  background: rgba(120, 30, 30, 0.28);
  color: #f7b4b4;
}
:root.sg-dark .exif-gpswarn__desc {
  color: #f0a5a5;
}
:root.sg-dark .exif-row--warn .sg-result-row__value {
  color: #f7b4b4;
}

@media (prefers-color-scheme: dark) {
  :root:not(.sg-light) .exif-preview {
    background-color: #1e2430;
    border-color: #39424f;
  }
  :root:not(.sg-light) .exif-gpswarn {
    border-color: #7f2a2a;
    background: rgba(120, 30, 30, 0.28);
    color: #f7b4b4;
  }
  :root:not(.sg-light) .exif-gpswarn__desc {
    color: #f0a5a5;
  }
  :root:not(.sg-light) .exif-row--warn .sg-result-row__value {
    color: #f7b4b4;
  }
}