/* Glassy Neon Pagination for WooCommerce */
nav.woocommerce-pagination ul {
    border: none !important;
    display: flex !important;
    justify-content: center !important;
    gap: 12px !important;
    padding: 30px 0 !important;
    margin: 0 !important;
}

nav.woocommerce-pagination ul li {
    border: none !important;
    overflow: visible !important;
}

nav.woocommerce-pagination ul li a,
nav.woocommerce-pagination ul li span.current {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 44px !important;
    height: 44px !important;
    padding: 0 15px !important;
    background: rgba(20, 20, 20, 0.6) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    border: 1px solid rgba(57, 255, 20, 0.2) !important;
    border-radius: 8px !important;
    color: #aaaaaa !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}

/* Hover and Active State */
nav.woocommerce-pagination ul li a:hover,
nav.woocommerce-pagination ul li span.current {
    background: rgba(57, 255, 20, 0.1) !important;
    border-color: #39FF14 !important;
    color: #39FF14 !important;
    box-shadow: 0 0 15px rgba(57, 255, 20, 0.4), inset 0 0 10px rgba(57, 255, 20, 0.2) !important;
    text-shadow: 0 0 8px rgba(57, 255, 20, 0.5) !important;
    transform: translateY(-2px);
}

nav.woocommerce-pagination ul li a:focus {
    outline: none !important;
}