/*
 * Leng Pan Zoom —— 详情页高清图 hover 弹窗 + 鼠标基点参照 + 3 档速度（2026-09-12 v3.0）
 *
 * 用户需求 v3.0 修订（LENG 2026-09-12 反馈）：
 *   - 弹窗尺寸 800×600 → 1000×640
 *   - 弹窗底色 白色 → 黑色（图拉过终点 50px 透出黑底）
 *   - 图拉到左右终点后再多 50px 后停止（防止无限拉出）
 *   - 基点改为页面图片中心（不是鼠标进入触发点）
 *   - 3 档速度：慢 10 / 中 20 / 快 40 px/s（v2.0 是 5/10/20，整体 ×2）
 *
 * 触发条件（JS 端自动检测，CSS 仅负责弹窗视觉）：
 *   - 限定范围：.single .entry-content img（仅详情页正文图）
 *   - naturalWidth >= 3000（高清）
 *   - naturalWidth / naturalHeight >= 4（横向大幅面图）
 *
 * 文件：inc/leng-pan-zoom.css（v3.0 2026-09-12）
 * 配套 JS：inc/leng-pan-zoom.js
 * 入口：functions.php 的 leng_enqueue_pan_zoom()（仅 is_single() 加载）
 */

/* ===== 浮层（1000×640 居中 + 黑底） ===== */
.leng-pan-zoom-overlay {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1000px;                                   /* v3.0: 800 → 1000 */
    height: 640px;                                   /* v3.0: 600 → 640 */
    background: #000000;                             /* v3.0: white → black（图透出时显黑底） */
    border: 1px solid #333;
    box-shadow: 0 12px 48px rgba(0, 0, 0, 0.6);
    z-index: 999999;
    overflow: hidden;             /* 关键：图超出弹窗部分裁切，靠 translate3d 平移 */
    opacity: 0;
    transition: opacity 0.18s ease-out;
    pointer-events: auto;
    border-radius: 4px;
    /* 阻止内部选中文本触发系统菜单 / 拖拽 */
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.leng-pan-zoom-overlay.leng-pan-zoom-active {
    opacity: 1;
}

/* ===== 弹窗内的图（绝对定位 + 水平可平移） ===== */
.leng-pan-zoom-img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;                 /* 占满弹窗高度 640（保持原图宽高比） */
    width: auto;                  /* 等比缩放：宽 = naturalWidth × (640 / naturalHeight) */
    max-width: none;
    pointer-events: none;         /* 不抢 mousemove（让 overlay 接管 → 速度控制） */
    will-change: transform;       /* 提示 GPU 加速 transform */
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
    background-color: transparent; /* v3.0: 改透明，让未加载时的黑底透出 */
}

/* ===== 右下角提示文字（黑底配浅色） ===== */
.leng-pan-zoom-hint {
    position: absolute;
    bottom: 8px;
    right: 12px;
    color: #ccc;                                          /* v3.0: 浅色配黑底 */
    font-size: 11px;
    background: rgba(0, 0, 0, 0.65);                     /* v3.0: 半透明黑底 */
    padding: 3px 8px;
    border-radius: 3px;
    pointer-events: none;         /* 不抢 mousemove */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}

/* ===== 小屏适配 ===== */
/* 弹窗在小屏自动缩到视口内，保持 1000:640 = 25:16 比例 */
@media (max-width: 1100px), (max-height: 740px) {       /* v3.0: 900→1100, 700→740 */
    .leng-pan-zoom-overlay {
        width: calc(100vw - 40px);
        height: calc((100vw - 40px) * 0.64);            /* 1000:640 = 25:16 = 0.64 */
        max-height: calc(100vh - 40px);
    }
}