/**
 * Tắt viền/outline khi CLICK (focus/active) - mọi link/button/card.
 * Với card phim/diễn viên (grid): tắt luôn viền đỏ khi HOVER chuột (giữ nguyên hiệu ứng
 * nhấc lên - transform), xem khối "Card phim/diễn viên - không viền đỏ khi hover" bên dưới.
 * Hover ở các phần khác (nút, social icon, phân trang...) không đổi.
 */

a,
button,
input,
textarea,
select,
[tabindex],
.card,
.thumb-link,
.actor-card-link,
.related-video-card,
.video-card {
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
}

/* Click / focus — không khung đỏ, không đổi màu tiêu đề đỏ */
.single-video-layout .related-videos-section .title a:focus,
.single-video-layout .related-videos-section .title a:focus-visible,
.single-video-layout .related-videos-section .title a:active,
.single-video-layout .related-videos-section .related-video-title a:focus,
.single-video-layout .related-videos-section .related-video-title a:focus-visible,
.single-video-layout .related-videos-section .related-video-title a:active,
.related-video-title a:focus,
.related-video-title a:focus-visible,
.related-video-title a:active,
.home-refined .meta .title a:focus,
.home-refined .meta .title a:focus-visible,
.home-refined .meta .title a:active,
.thumb-link:focus,
.thumb-link:focus-visible {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

.single-video-layout .related-videos-section .card:focus-within,
.single-refined .related-video-card:focus-within,
.home-refined .card.video-card:focus-within {
    outline: none !important;
    border-color: transparent !important;
}

.single-video-layout .related-videos-section .card:focus-within .title a,
.single-refined .related-video-card:focus-within .related-video-title a,
.home-refined .card.video-card:focus-within .meta .title a {
    color: rgba(255, 255, 255, 0.92) !important;
}

.load-more-btn:focus,
.load-more-btn:focus-visible,
.load-more-btn:active {
    outline: none !important;
}

a:focus,
a:focus-visible,
button:focus,
button:focus-visible {
    outline: none !important;
}

/* Mobile: không giữ hover ảo sau khi chạm */
@media (hover: none), (pointer: coarse) {
    .single-video-layout .related-videos-section .card:hover,
    .single-refined .related-video-card:hover,
    .home-refined .card.video-card:hover {
        border-color: transparent !important;
        transform: none !important;
    }

    .single-video-layout .related-videos-section .card:hover .title a,
    .single-refined .related-video-card:hover .related-video-title a,
    .home-refined .card.video-card:hover .meta .title a {
        color: rgba(255, 255, 255, 0.92) !important;
    }

    .home-refined .card.video-card:hover .thumb img,
    .single-refined .related-video-card:hover .thumb img {
        transform: none !important;
    }
}

/* Card phim/diễn viên - không viền đỏ khi hover, thay bằng nền sáng nhẹ (giữ hiệu ứng nhấc lên/scale) */
@media (hover: hover) and (pointer: fine) {
    .detube-ui .video-card:hover,
    .detube-ui .card.video-card:hover,
    .detube-ui .video-item:hover,
    .detube-ui .featured-grid .card:hover,
    .detube-ui #search-results .video-card:hover,
    .single-video-layout .related-videos-section .card:hover,
    .single-refined .related-video-card:hover,
    .single-refined .sidebar-movies-list .top-item:hover,
    .home-refined .homepage-featured .card.video-card:hover,
    .actors-archive-page .actor-card:hover,
    .related-video-card:hover,
    .video-card:hover,
    .rec-card:hover,
    .top-video-item:hover,
    .top-item:hover,
    .video-layout-container .most-viewed-item:hover,
    .related-actor-item:hover,
    .tag-videos-grid .video-card:hover,
    body.tag .video-item:hover {
        background: rgba(255, 255, 255, 0.05) !important;
        border-color: transparent !important;
        box-shadow: 0 10px 24px rgba(0, 0, 0, 0.35) !important;
    }

    /* Avatar/thumbnail tròn bên trong card - chỉ bỏ viền đỏ, không cần nền (ảnh che kín) */
    .actors-archive-page .actor-card:hover .actor-card-thumbnail,
    .related-actor-item:hover .related-actor-thumbnail {
        border-color: transparent !important;
    }
}