/* AUTO: assets/css/inc/touch.css → 触屏点击高亮与 focus，改 inc 后运行 sync */

/**
 * 触屏点击：去除系统灰块/方框高亮，保留轻微按压反馈
 * 前台 + 后台共用（admin 在 admin_mobile_css_tags 中引入）
 */

@media (hover: none) and (pointer: coarse), (max-width: 960px) {
    html {
        -webkit-tap-highlight-color: transparent;
    }

    a,
    button,
    summary,
    label,
    [role="button"],
    .btn,
    .btn-outline,
    .admin-btn,
    .admin-pe-nav-link,
    .admin-pv2-act,
    .admin-reorder-link,
    .admin-table-title-link,
    .admin-table-thumb-link,
    .admin-nav-sub-toggle,
    .admin-nav-link,
    .admin-sidebar-toggle,
    .admin-account-role-opt,
    .admin-account-perm-chip,
    .admin-account-active-toggle,
    .admin-account-avatar-upload,
    .admin-gallery-remove,
    .product-card-link,
    .product-detail-gallery-zoom,
    .product-lightbox-close,
    .product-lightbox-nav,
    .filter-tabs a,
    .nav-toggle,
    .main-nav a,
    .lang-switch-btn,
    .footer-lang-btn,
    .carousel-dot,
    .carousel-arrow,
    input[type="checkbox"],
    input[type="radio"],
    input[type="submit"],
    input[type="button"],
    input[type="reset"] {
        -webkit-tap-highlight-color: transparent;
        tap-highlight-color: transparent;
        touch-action: manipulation;
    }

    button,
    .btn,
    .btn-outline,
    .admin-btn,
    .nav-toggle,
    .product-detail-gallery-zoom,
    .product-lightbox-close,
    .product-lightbox-nav,
    input[type="submit"],
    input[type="button"],
    input[type="reset"] {
        -webkit-appearance: none;
        appearance: none;
    }

    /* 触摸后残留的 focus 环/阴影（非键盘导航） */
    a:focus:not(:focus-visible),
    button:focus:not(:focus-visible),
    summary:focus:not(:focus-visible),
    [role="button"]:focus:not(:focus-visible),
    .btn:focus:not(:focus-visible),
    .btn-outline:focus:not(:focus-visible),
    .admin-btn:focus:not(:focus-visible),
    .admin-pe-nav-link:focus:not(:focus-visible),
    .admin-pv2-act:focus:not(:focus-visible),
    .admin-nav-sub-toggle:focus:not(:focus-visible),
    .admin-nav-link:focus:not(:focus-visible),
    .admin-sidebar-toggle:focus:not(:focus-visible),
    .admin-table-title-link:focus:not(:focus-visible),
    .admin-table-thumb-link:focus:not(:focus-visible),
    .admin-reorder-link:focus:not(:focus-visible),
    .admin-account-role-opt:focus:not(:focus-visible),
    .admin-account-perm-chip:focus:not(:focus-visible),
    .product-card-link:focus:not(:focus-visible),
    .nav-toggle:focus:not(:focus-visible),
    .main-nav a:focus:not(:focus-visible),
    .lang-switch-btn:focus:not(:focus-visible),
    .filter-tabs a:focus:not(:focus-visible),
    .carousel-dot:focus:not(:focus-visible),
    .carousel-arrow:focus:not(:focus-visible) {
        outline: none;
        box-shadow: none;
    }

    /* 普通按钮：轻微变暗 */
    a:active:not(.main-nav a):not(.admin-nav-link):not(.admin-pe-nav-link):not(.admin-nav-sub-toggle),
    button:active:not(.admin-sidebar-toggle):not(.nav-toggle),
    .btn:active,
    .btn-outline:active,
    .admin-btn:active,
    .admin-pv2-act:active,
    .admin-reorder-link:active,
    .admin-table-title-link:active,
    .product-card-link:active,
    .carousel-dot:active,
    .carousel-arrow:active {
        outline: none;
        box-shadow: none;
        opacity: 0.88;
    }

    .admin-btn-primary:active,
    .btn-primary:active {
        opacity: 1;
        filter: brightness(0.92);
    }

    /* ========== 导航：明显按压反馈（:active + JS .is-touch-pressed） ========== */
    .main-nav a:active,
    .main-nav a.is-touch-pressed,
    .nav-toggle:active,
    .nav-toggle.is-touch-pressed {
        opacity: 1;
        outline: none;
        box-shadow: none;
        background: rgba(201, 169, 98, 0.2);
        color: var(--text, #f5f5f5);
        transform: scale(0.97);
        transition: background 0.06s ease, transform 0.06s ease, color 0.06s ease;
    }

    .filter-tabs a:active,
    .filter-tabs a.is-touch-pressed,
    .footer-links a:active,
    .footer-links a.is-touch-pressed {
        opacity: 1;
        outline: none;
        background: rgba(201, 169, 98, 0.14);
        transform: scale(0.98);
    }

    .admin-nav-group-links a.admin-nav-link:active,
    .admin-nav-group-links a.admin-nav-link.is-touch-pressed,
    .admin-nav-sub-toggle:active,
    .admin-nav-sub-toggle.is-touch-pressed {
        background: var(--a-nav-hover-bg, var(--a-accent-soft));
    }

    .admin-nav-group-links a.admin-nav-link:active .admin-nav-item-icon,
    .admin-nav-group-links a.admin-nav-link.is-touch-pressed .admin-nav-item-icon,
    .admin-nav-sub-toggle:active .admin-nav-item-icon,
    .admin-nav-sub-toggle.is-touch-pressed .admin-nav-item-icon {
        background: var(--a-nav-active-icon-bg, var(--a-accent-soft));
    }

    .admin-pe-nav-link:active,
    .admin-pe-nav-link.is-touch-pressed {
        background: var(--a-nav-hover-bg, var(--a-accent-soft));
        border-color: var(--a-line);
    }

    .admin-sidebar-toggle:active,
    .admin-sidebar-toggle.is-touch-pressed {
        background: var(--a-nav-hover-bg, var(--a-accent-soft));
        border-radius: 10px;
    }

    /* 键盘/无障碍仍保留可见焦点 */
    a:focus-visible,
    button:focus-visible,
    .btn:focus-visible,
    .admin-btn:focus-visible,
    .admin-pe-nav-link:focus-visible,
    .nav-toggle:focus-visible,
    .main-nav a:focus-visible,
    .lang-switch-btn:focus-visible,
    .product-detail-gallery-zoom:focus-visible,
    .product-lightbox-close:focus-visible,
    .product-lightbox-nav:focus-visible {
        outline: 2px solid var(--gold, var(--a-accent, #c9a962));
        outline-offset: 2px;
    }
}