/* =========================================================
   X NEON RÉEL - STYLE TUBE LUMINEUX
   Remplace le faux X texte par deux néons croisés
========================================================= */

/* Bloc "X EVA" */
.hero.card .hero-logo-title .hero-xeva{
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0 !important;

    /* espace réservé pour le X néon avant EVA */
    padding-left: 1.08em !important;

    color: #ffffff !important;
}

/* On recrée le X avec deux barres néon */
.hero.card .hero-logo-title .hero-xeva::before,
.hero.card .hero-logo-title .hero-xeva::after{
    content: "" !important;
    position: absolute !important;

    left: 0.42em !important;
    top: 50% !important;

    width: 0.16em !important;
    height: 0.95em !important;

    border-radius: 999px !important;
    transform-origin: center center !important;

    background: linear-gradient(
        180deg,
        #8cf3ff 0%,
        #5ecbff 38%,
        #8b5cff 68%,
        #b06cff 100%
    ) !important;

    box-shadow:
        0 0 7px rgba(140, 243, 255, 0.95),
        0 0 14px rgba(94, 203, 255, 0.75),
        0 0 24px rgba(139, 92, 255, 0.75),
        0 0 36px rgba(176, 108, 255, 0.55) !important;

    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
}

/* Première barre */
.hero.card .hero-logo-title .hero-xeva::before{
    transform: translate(-50%, -50%) rotate(45deg) !important;
}

/* Deuxième barre */
.hero.card .hero-logo-title .hero-xeva::after{
    transform: translate(-50%, -50%) rotate(-45deg) !important;
}

/* Si un ancien X texte existe, on le cache */
.hero.card .hero-logo-title .hero-x,
.hero.card .hero-logo-title .hero-neon-x,
.hero.card .hero-logo-title .x-neon{
    display: none !important;
}

/* Mobile : même X néon */
@media (max-width: 900px){
    .hero.card .hero-logo-title .hero-xeva{
        position: relative !important;
        display: inline-flex !important;
        align-items: center !important;
        padding-left: 1.08em !important;
        color: #ffffff !important;
    }

    .hero.card .hero-logo-title .hero-xeva::before,
    .hero.card .hero-logo-title .hero-xeva::after{
        content: "" !important;
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
}