/**
 * GetAiPro Custom Wallet Stylesheet
 * OLED Dark Glassmorphism, 3D Neon Cards & Persian RTL Typography
 * Scoped strictly to prevent interference with other theme components.
 *
 * @package GetAiPro
 * @version 2.0.0
 */

/* ==========================================================================
   0. HARD RESET TO PREVENT TERAWALLET WHITE BACKGROUND LEAKS
   ========================================================================== */
.woo-wallet-my-wallet-container,
.woo-wallet-content-area,
.woo-wallet-content-wrapper,
.woo-wallet-top-section,
.woo-wallet-transactions-list,
.woo-wallet-stat-card,
.woo-wallet-form-wrapper,
.woo-wallet-nav-tabs,
.woo-wallet-nav-tab,
.woo-wallet-balance-card {
    background: transparent !important;
    background-color: transparent !important;
    color: inherit !important;
    box-shadow: none !important;
    border: none !important;
}

.woo-wallet-my-wallet-container {
    --wallet-primary-color: #6366f1 !important;
    --wallet-text-color: #ffffff !important;
    --wallet-bg-color: #0b101d !important;
    --wallet-border-color: rgba(255, 255, 255, 0.08) !important;
    max-width: 100%;
    margin: 0 auto;
    font-family: inherit;
    direction: rtl;
    text-align: right;
    color: #ffffff !important;
}

/* ==========================================================================
   1. HERO BALANCE CARD
   ========================================================================== */
.gap-wallet-hero-card {
    position: relative;
    background: linear-gradient(135deg, rgba(30, 27, 75, 0.6) 0%, rgba(13, 18, 31, 0.9) 50%, rgba(8, 51, 68, 0.5) 100%) !important;
    border: 1px solid rgba(99, 102, 241, 0.3) !important;
    border-radius: 1.5rem !important;
    padding: 1.75rem 2rem !important;
    box-shadow: 0 20px 40px -15px rgba(0, 0, 0, 0.6), inset 0 1px 1px rgba(255, 255, 255, 0.15) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    overflow: hidden;
    margin-bottom: 1.5rem;
}

.gap-wallet-hero-card::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -20%;
    width: 280px;
    height: 280px;
    background: radial-gradient(circle, rgba(99, 102, 241, 0.3) 0%, transparent 70%);
    border-radius: 50%;
    filter: blur(40px);
    pointer-events: none;
}

/* ==========================================================================
   2. CHECKOUT PARTIAL PAYMENT STYLING
   ========================================================================== */
.wallet-pay-partial {
    background: rgba(99, 102, 241, 0.08) !important;
    border-top: 1px dashed rgba(99, 102, 241, 0.3) !important;
    border-bottom: 1px dashed rgba(99, 102, 241, 0.3) !important;
}

.wallet-pay-partial th {
    padding: 1rem !important;
    font-size: 0.8125rem !important;
    font-weight: 700 !important;
    color: #c7d2fe !important;
    vertical-align: middle !important;
}

.wallet-pay-partial td {
    padding: 1rem !important;
    vertical-align: middle !important;
    text-align: left !important;
}

.partial_pay_through_wallet {
    width: 1.25rem !important;
    height: 1.25rem !important;
    accent-color: #6366f1 !important;
    cursor: pointer !important;
}

/* ==========================================================================
   3. PROMOTIONAL REWARD BADGES (Global UI Enhancements)
   ========================================================================== */
.gap-cashback-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.25rem 0.625rem;
    border-radius: 9999px;
    font-size: 0.6875rem;
    font-weight: 800;
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.15), rgba(6, 182, 212, 0.15));
    border: 1px solid rgba(16, 185, 129, 0.35);
    color: #34d399;
    box-shadow: 0 2px 8px -2px rgba(16, 185, 129, 0.25);
}

.gap-cashback-box {
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.1) 0%, rgba(6, 182, 212, 0.05) 100%);
    border: 1px solid rgba(16, 185, 129, 0.3);
    border-radius: 1rem;
    padding: 0.875rem 1.125rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    backdrop-filter: blur(10px);
}