/**
 * Voidlust action cards — sidebar + landing shop/premium blocks
 * Site mode only (desktop hover + mobile touch)
 */

.vl-action-card {
    cursor: pointer;
    transition:
        transform 0.26s ease,
        box-shadow 0.26s ease,
        border-color 0.26s ease,
        filter 0.26s ease;
    will-change: transform;
    -webkit-tap-highlight-color: transparent;
}

/* ── Desktop hover (pointer devices) ── */
@media (hover: hover) and (pointer: fine) {
    body.crave-unified-home.crave-site-mode.crave-desktop-ui .vl-action-card {
        position: relative;
        z-index: 1;
    }

    body.crave-unified-home.crave-site-mode.crave-desktop-ui .vl-action-card:hover {
        transform: translateY(-4px) scale(1.035);
        z-index: 5;
    }

    body.crave-unified-home.crave-site-mode.crave-desktop-ui .vl-action-card--continue:hover {
        border-color: rgba(148, 168, 196, 0.52) !important;
        box-shadow:
            0 20px 56px rgba(0, 0, 0, 0.52),
            0 0 32px rgba(108, 128, 158, 0.22) !important;
    }

    body.crave-unified-home.crave-site-mode.crave-desktop-ui .vl-action-card--shop.vl-sidebar-goddess:hover,
    body.crave-unified-home.crave-site-mode.crave-desktop-ui .vl-action-card--shop.vl-mobile-goddess:hover {
        animation-play-state: paused;
        border-color: rgba(200, 40, 40, 0.55) !important;
        box-shadow:
            0 24px 70px rgba(0, 0, 0, 0.55),
            0 0 48px rgba(120, 0, 0, 0.35),
            inset 0 1px 0 rgba(255, 200, 120, 0.1) !important;
    }

    body.crave-unified-home.crave-site-mode.crave-desktop-ui .vl-action-card--shop.vl-sidebar-crystals:hover,
    body.crave-unified-home.crave-site-mode.crave-desktop-ui .vl-action-card--shop.vl-mobile-shop:hover {
        border-color: rgba(212, 173, 88, 0.55) !important;
        box-shadow:
            0 22px 64px rgba(0, 0, 0, 0.52),
            0 0 36px rgba(212, 173, 88, 0.2) !important;
    }

}

/* ── Mobile / touch press ── */
@media (hover: none), (pointer: coarse) {
    body.crave-unified-home.crave-site-mode.crave-mobile-ui .vl-action-card--pressed,
    body.crave-unified-home.crave-site-mode.crave-mobile-ui .vl-action-card:active {
        transform: scale(0.985);
        filter: brightness(1.06);
    }

    body.crave-unified-home.crave-site-mode.crave-mobile-ui .vl-action-card--shop.vl-action-card--pressed,
    body.crave-unified-home.crave-site-mode.crave-mobile-ui .vl-action-card--shop:active {
        box-shadow:
            0 14px 44px rgba(0, 0, 0, 0.52),
            0 0 32px rgba(120, 0, 0, 0.22) !important;
    }

    body.crave-unified-home.crave-site-mode.crave-mobile-ui .vl-action-card--continue.vl-action-card--pressed,
    body.crave-unified-home.crave-site-mode.crave-mobile-ui .vl-action-card--continue:active {
        box-shadow:
            0 14px 44px rgba(0, 0, 0, 0.52),
            0 0 24px rgba(108, 128, 158, 0.16) !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .vl-action-card,
    .vl-action-card:hover,
    .vl-action-card:active,
    .vl-action-card--pressed {
        transition: none !important;
        transform: none !important;
        filter: none !important;
    }
}