/* 
 * NYX Portal - Bitcoin Cyber V2 Card Effects
 * Premium Hover + Constant Animations
 * Non-blocking overlays (pointer-events: none)
 */

/* --- Seguridad de clicks y capas --- */
.nyx-btc-card--cyber-v2 {
    position: relative;
    /* Maintain layout from .lightning-card base */
    overflow: hidden;
    /* Ensure sheen doesn't overflow */
    border: 1px solid rgba(0, 243, 255, 0.15);
    /* Cyber blue hint */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6);
    background: linear-gradient(145deg, #050508, #0a0a10);
    /* Darker cyber base */
}

.nyx-btc-card--cyber-v2::before,
.nyx-btc-card--cyber-v2::after {
    pointer-events: none;
    z-index: 0;
}

.nyx-btc-card--cyber-v2>* {
    position: relative;
    z-index: 2;
}

/* --- Hover premium: lift + sheen sweep --- */
.nyx-btc-card--cyber-v2 {
    transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease, filter 180ms ease;
}

/* Sheen overlay (solo hover) */
.nyx-btc-card--cyber-v2 .nyx-sheen {
    display: none;
    /* si no existe, NO lo crees en HTML; usa ::after alternativo abajo */
}

/* Usa ::after como sheen (si ya está ocupado, crea un pseudo extra en un wrapper no interactivo) */
.nyx-btc-card--cyber-v2::after {
    content: "";
    position: absolute;
    inset: -35%;
    border-radius: inherit;
    background: linear-gradient(115deg,
            rgba(255, 255, 255, 0) 35%,
            rgba(255, 255, 255, .12) 45%,
            rgba(255, 255, 255, 0) 55%);
    opacity: 0;
    transform: translateX(-18%) translateY(-12%);
    transition: opacity 180ms ease, transform 380ms ease;
    pointer-events: none;
    z-index: 1;
    /* debajo del contenido, arriba del fondo */
}

@media (hover:hover) and (pointer:fine) {
    .nyx-btc-card--cyber-v2:hover {
        transform: translateY(-3px) rotateZ(-0.2deg);
        box-shadow: 0 28px 90px rgba(0, 0, 0, .65);
        filter: saturate(1.03);
        border-color: rgba(0, 255, 255, .16);
    }

    .nyx-btc-card--cyber-v2:hover::after {
        opacity: .8;
        transform: translateX(10%) translateY(-18%);
    }
}

/* --- Logos: animación constante sutil --- */
/* Target existing SVG structure from lightning-pay-card.css AND new V2 structure */

.nyx-btc-card--cyber-v2 .lightning-svg,
.nyx-btc-card--cyber-v2 .nyx-btc-icon {
    will-change: transform, filter;
}

/* BTC: breathing glow + micro-float */
.nyx-btc-card--cyber-v2 .lightning-svg.btc,
.nyx-btc-card--cyber-v2 .nyx-btc-icon--btc {
    animation: nyxBtcFloat 7s ease-in-out infinite, nyxBtcGlow 5.5s ease-in-out infinite;
    /* Override existing colors if needed for cyber vibe, or keep gold */
    stroke: #f7931a;
}

/* Lightning: micro-float + flicker suave (no estrobo) */
.nyx-btc-card--cyber-v2 .lightning-svg.bolt,
.nyx-btc-card--cyber-v2 .nyx-btc-icon--ln {
    animation: nyxLnFloat 6.5s ease-in-out infinite, nyxLnFlicker 4.8s ease-in-out infinite;
    color: #00f3ff;
}

@keyframes nyxBtcFloat {

    0%,
    100% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-2px);
    }
}

@keyframes nyxBtcGlow {

    0%,
    100% {
        filter: drop-shadow(0 10px 18px rgba(0, 0, 0, .45)) drop-shadow(0 0 10px rgba(255, 214, 120, .10));
    }

    50% {
        filter: drop-shadow(0 12px 22px rgba(0, 0, 0, .50)) drop-shadow(0 0 14px rgba(255, 214, 120, .18));
    }
}

@keyframes nyxLnFloat {

    0%,
    100% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-2px);
    }
}

@keyframes nyxLnFlicker {

    0%,
    100% {
        filter: drop-shadow(0 10px 18px rgba(0, 0, 0, .45)) drop-shadow(0 0 10px rgba(120, 240, 255, .12));
        opacity: .92;
    }

    45% {
        filter: drop-shadow(0 10px 18px rgba(0, 0, 0, .45)) drop-shadow(0 0 12px rgba(120, 240, 255, .16));
        opacity: .96;
    }

    50% {
        filter: drop-shadow(0 10px 18px rgba(0, 0, 0, .45)) drop-shadow(0 0 18px rgba(120, 240, 255, .22));
        opacity: 1;
    }

    55% {
        filter: drop-shadow(0 10px 18px rgba(0, 0, 0, .45)) drop-shadow(0 0 12px rgba(120, 240, 255, .16));
        opacity: .96;
    }
}

/* --- Reduced motion --- */
@media (prefers-reduced-motion: reduce) {

    .nyx-btc-card--cyber-v2,
    .nyx-btc-card--cyber-v2::after {
        transition: none !important;
    }

    .nyx-btc-card--cyber-v2:hover {
        transform: none !important;
        animation: none !important;
    }

    .nyx-btc-card--cyber-v2 .lightning-svg.btc,
    .nyx-btc-card--cyber-v2 .lightning-svg.bolt,
    .nyx-btc-card--cyber-v2 .nyx-btc-icon--btc,
    .nyx-btc-card--cyber-v2 .nyx-btc-icon--ln {
        animation: none !important;
    }
}