/* ============================================================
   photo-viewer.css — PhotoSwipe 定制样式（FAXI 主站照片查看器）
   基础样式在 vendor/photoswipe/photoswipe.css，这里只放项目定制。
   ============================================================ */

/* ── 工具栏：真实像素缩放倍率 ── */
.faxi-zoom-level {
  min-width: 48px;
  padding: 0 6px;
  align-self: center;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.2px;
  color: #fff;
  opacity: 0.85;
  user-select: none;
  -webkit-user-select: none;
  white-space: nowrap;
}

/* ── 底部信息栏：文件名 + 拍摄时间 ── */
.faxi-photo-info {
  position: absolute;
  left: 16px;
  bottom: 14px;
  z-index: 10;
  max-width: 58%;
  display: flex;
  flex-direction: column;
  gap: 1px;
  pointer-events: none;
  color: #fff;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.7);
}
.faxi-photo-info__name {
  font-size: 13px;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.faxi-photo-info__date {
  font-size: 11px;
  opacity: 0.72;
}

/* ── 移动端：避开底部安全区 / 工具栏 ── */
@media (max-width: 640px) {
  .faxi-photo-info {
    left: 12px;
    bottom: calc(58px + env(safe-area-inset-bottom, 0px));
    max-width: 68%;
  }
  .faxi-photo-info__name { font-size: 12px; }
  .faxi-photo-info__date { font-size: 10px; }
  .faxi-zoom-level { min-width: 42px; font-size: 11px; }
}

/* ── 自定义按钮：让图标与 PhotoSwipe 内置按钮视觉一致 ── */
.pswp__button--save-photo .pswp__icn,
.pswp__button--delete-photo .pswp__icn {
  fill: currentColor;
}
.pswp__button--delete-photo:hover .pswp__icn {
  fill: #ef4444;
}