/* === Neon Glassmorphism — Side Cart WooCommerce Basket === */

/* Bouton flottant principal */
.xoo-wsc-basket {
    background: rgba(10, 10, 10, 0.65) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1.5px solid rgba(57, 255, 20, 0.5) !important;
    border-radius: 50% !important;
    box-shadow: 0 0 20px rgba(57, 255, 20, 0.35), inset 0 0 15px rgba(57, 255, 20, 0.15) !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    color: #ffffff !important;
    animation: neon-basket-pulse 2.5s infinite !important;
}

.xoo-wsc-basket:hover {
    background: rgba(10, 10, 10, 0.85) !important;
    border-color: rgba(57, 255, 20, 1) !important;
    box-shadow: 0 0 40px rgba(57, 255, 20, 0.7), inset 0 0 25px rgba(57, 255, 20, 0.3) !important;
    transform: translateY(-4px) scale(1.08) !important;
    color: #39FF14 !important;
}

/* Icône dans le basket */
.xoo-wscb-icon {
    color: #ffffff !important;
    transition: color 0.3s ease !important;
}

.xoo-wsc-basket:hover .xoo-wscb-icon {
    color: #39FF14 !important;
    text-shadow: 0 0 10px #39FF14 !important;
}

/* Badge compteur */
.xoo-wsc-items-count {
    background: #39FF14 !important;
    color: #000000 !important;
    font-weight: 800 !important;
    box-shadow: 0 0 10px rgba(57, 255, 20, 0.9) !important;
    animation: neon-badge-pulse 2s infinite !important;
}

/* Trigger shortcode (si utilisé via [xoo_wsc_cart]) */
.xoo-wsc-sc-cont .xoo-wsc-cart-trigger {
    background: rgba(10, 10, 10, 0.65) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1.5px solid rgba(57, 255, 20, 0.5) !important;
    border-radius: 50px !important;
    padding: 8px 14px !important;
    box-shadow: 0 0 20px rgba(57, 255, 20, 0.35) !important;
    transition: all 0.3s ease !important;
    color: #ffffff !important;
}

.xoo-wsc-sc-cont .xoo-wsc-cart-trigger:hover {
    border-color: rgba(57, 255, 20, 1) !important;
    box-shadow: 0 0 35px rgba(57, 255, 20, 0.65) !important;
    color: #39FF14 !important;
}

span.xoo-wsc-sc-count {
    background: #39FF14 !important;
    color: #000 !important;
    font-weight: 800 !important;
    box-shadow: 0 0 8px rgba(57, 255, 20, 0.9) !important;
}

/* Animations */
@keyframes neon-basket-pulse {
    0%   { box-shadow: 0 0 14px rgba(57, 255, 20, 0.3), inset 0 0 10px rgba(57, 255, 20, 0.1); }
    50%  { box-shadow: 0 0 28px rgba(57, 255, 20, 0.6), inset 0 0 18px rgba(57, 255, 20, 0.25); }
    100% { box-shadow: 0 0 14px rgba(57, 255, 20, 0.3), inset 0 0 10px rgba(57, 255, 20, 0.1); }
}

@keyframes neon-badge-pulse {
    0%   { box-shadow: 0 0 6px rgba(57, 255, 20, 0.6); }
    50%  { box-shadow: 0 0 14px rgba(57, 255, 20, 1); }
    100% { box-shadow: 0 0 6px rgba(57, 255, 20, 0.6); }
}