.elementor-11 .elementor-element.elementor-element-58057d4b{--display:flex;}.elementor-widget-text-editor{color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}/* Start custom CSS for text-editor, class: .elementor-element-34b0f4ee *//* ========================================
   استایل کامل شیشه‌ای (Glassmorphism) برای کیف پول
   ======================================== */

/* ------ 1. کانتینر اصلی با پس‌زمینه شیشه‌ای ------ */
.woo-wallet-my-wallet-container {
    background: rgba(255, 255, 255, 0.55) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border-radius: 28px !important;
    padding: 32px !important;
    box-shadow: 0 8px 40px rgba(0, 0, 0, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.5) !important;
    font-family: 'PeydaWebFaNum', sans-serif !important;
    direction: rtl;
}

/* ------ 2. هدر ------ */
.woo-wallet-header h2 {
    color: #081035;
    font-weight: 700;
    font-size: 26px;
    margin-bottom: 4px;
}

.woo-wallet-header p {
    color: #6c757d;
    font-size: 14px;
    opacity: 0.8;
}

/* ------ 3. کارت موجودی با پس‌زمینه شیشه‌ای سبز ------ */
.woo-wallet-balance-card {
    background: rgba(109, 169, 117, 0.10) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border-radius: 22px !important;
    padding: 32px !important;
    border: 1px solid rgba(109, 169, 117, 0.20) !important;
    box-shadow: 0 8px 32px rgba(109, 169, 117, 0.08) !important;
    margin-bottom: 28px !important;
    text-align: center;
    transition: all 0.4s ease !important;
}

.woo-wallet-balance-card h3 {
    color: #081035 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    margin-bottom: 10px !important;
    opacity: 0.7;
}

/* ------ عدد موجودی با گرادیانت سبز براق ------ */
.woo-wallet-balance-card .woo-wallet-price {
    font-size: 44px !important;
    font-weight: 800 !important;
    background: linear-gradient(135deg, #6DA975 0%, #3d7a45 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    text-shadow: 0 4px 25px rgba(109, 169, 117, 0.20) !important;
    letter-spacing: -0.5px !important;
}

.woo-wallet-balance-card .woo-wallet-price .woocommerce-Price-currencySymbol {
    font-size: 20px !important;
    font-weight: 600 !important;
    background: linear-gradient(135deg, #6DA975 0%, #3d7a45 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    margin-right: 4px !important;
}

/* ------ 4. تب‌های ناوبری با پس‌زمینه شیشه‌ای ------ */
.woo-wallet-nav-tabs {
    display: flex !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
    margin-bottom: 28px !important;
}

.woo-wallet-nav-tab {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    background: rgba(255, 255, 255, 0.60) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border-radius: 16px !important;
    padding: 14px 24px !important;
    color: #495057 !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    transition: all 0.3s ease !important;
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
    text-decoration: none !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.03) !important;
}

.woo-wallet-nav-tab:hover {
    background: rgba(109, 169, 117, 0.12) !important;
    border-color: rgba(109, 169, 117, 0.25) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 25px rgba(109, 169, 117, 0.10) !important;
}

.woo-wallet-nav-tab.active {
    background: rgba(109, 169, 117, 0.20) !important;
    color: #6DA975 !important;
    border-color: #6DA975 !important;
    font-weight: 600 !important;
}

/* ------ 5. کارت‌های آمار با پس‌زمینه شیشه‌ای ------ */
.woo-wallet-stats-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
    gap: 16px !important;
    margin-bottom: 32px !important;
}

.woo-wallet-stat-card {
    border-radius: 20px !important;
    padding: 22px 18px !important;
    text-align: center !important;
    transition: all 0.4s ease !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    border: 1px solid rgba(255, 255, 255, 0.35) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03) !important;
}

/* کارت مجموع شارژها (سبز شیشه‌ای) */
.woo-wallet-stat-card--success {
    background: rgba(109, 169, 117, 0.10) !important;
    border-color: rgba(109, 169, 117, 0.15) !important;
}

/* کارت مجموع خرج شده (قرمز شیشه‌ای) */
.woo-wallet-stat-card--danger {
    background: rgba(239, 83, 80, 0.08) !important;
    border-color: rgba(239, 83, 80, 0.12) !important;
}

/* کارت کش‌بک (نارنجی شیشه‌ای - رنگ ثانویه سایت) */
.woo-wallet-stat-card--brand {
    background: rgba(254, 167, 0, 0.08) !important;
    border-color: rgba(254, 167, 0, 0.12) !important;
}

/* کارت موجودی قابل استفاده (آبی شیشه‌ای) */
.woo-wallet-stat-card--neutral {
    background: rgba(66, 165, 245, 0.07) !important;
    border-color: rgba(66, 165, 245, 0.10) !important;
}

/* ------ اعداد داخل کارت‌های آمار با گرادیانت ------ */
.woo-wallet-stat-card__value {
    display: block !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    margin-bottom: 4px !important;
}

/* عدد مجموع شارژها (سبز گرادیانت) */
.woo-wallet-stat-card--success .woo-wallet-stat-card__value {
    background: linear-gradient(135deg, #6DA975 0%, #3d7a45 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    text-shadow: 0 2px 15px rgba(109, 169, 117, 0.15) !important;
}

/* عدد مجموع خرج شده (قرمز گرادیانت) */
.woo-wallet-stat-card--danger .woo-wallet-stat-card__value {
    background: linear-gradient(135deg, #ef5350 0%, #c62828 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    text-shadow: 0 2px 15px rgba(239, 83, 80, 0.15) !important;
}

/* عدد کش‌بک (نارنجی گرادیانت) */
.woo-wallet-stat-card--brand .woo-wallet-stat-card__value {
    background: linear-gradient(135deg, #FEA700 0%, #e09500 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    text-shadow: 0 2px 15px rgba(254, 167, 0, 0.15) !important;
}

/* عدد موجودی قابل استفاده (آبی گرادیانت) */
.woo-wallet-stat-card--neutral .woo-wallet-stat-card__value {
    background: linear-gradient(135deg, #42a5f5 0%, #1565c0 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    text-shadow: 0 2px 15px rgba(66, 165, 245, 0.15) !important;
}

/* لیبل کارت‌های آمار */
.woo-wallet-stat-card__label {
    display: block !important;
    font-size: 13px !important;
    color: #6c757d !important;
    margin-top: 2px !important;
    font-weight: 400 !important;
}

/* ========================================
   اصلاح مرکزیت آیکون‌های کارت‌های آمار
   ======================================== */

/* ------ آیکون‌های کارت‌های آمار با بک‌گراند و مرکز ------ */
.woo-wallet-stat-card__icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 48px !important;
    height: 48px !important;
    border-radius: 50% !important;
    margin: 0 auto 10px auto !important;
    background: rgba(255, 255, 255, 0.20) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    border: 1px solid rgba(255, 255, 255, 0.30) !important;
    transition: all 0.3s ease !important;
}

/* ------ استایل خود آیکون (SVG) داخل دایره ------ */
.woo-wallet-stat-card__icon svg {
    width: 24px !important;
    height: 24px !important;
    display: block !important;
    stroke: currentColor !important;
    stroke-width: 2 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    fill: none !important;
}

/* ------ رنگ آیکون‌ها بر اساس نوع کارت ------ */

/* مجموع شارژها (سبز) */
.woo-wallet-stat-card--success .woo-wallet-stat-card__icon {
    background: rgba(109, 169, 117, 0.15) !important;
    border-color: rgba(109, 169, 117, 0.25) !important;
}
.woo-wallet-stat-card--success .woo-wallet-stat-card__icon svg {
    stroke: #6DA975 !important;
}

/* مجموع خرج شده (قرمز) */
.woo-wallet-stat-card--danger .woo-wallet-stat-card__icon {
    background: rgba(239, 83, 80, 0.12) !important;
    border-color: rgba(239, 83, 80, 0.20) !important;
}
.woo-wallet-stat-card--danger .woo-wallet-stat-card__icon svg {
    stroke: #ef5350 !important;
}

/* کش‌بک (نارنجی) */
.woo-wallet-stat-card--brand .woo-wallet-stat-card__icon {
    background: rgba(254, 167, 0, 0.12) !important;
    border-color: rgba(254, 167, 0, 0.20) !important;
}
.woo-wallet-stat-card--brand .woo-wallet-stat-card__icon svg {
    stroke: #FEA700 !important;
}

/* موجودی قابل استفاده (آبی) */
.woo-wallet-stat-card--neutral .woo-wallet-stat-card__icon {
    background: rgba(66, 165, 245, 0.10) !important;
    border-color: rgba(66, 165, 245, 0.18) !important;
}
.woo-wallet-stat-card--neutral .woo-wallet-stat-card__icon svg {
    stroke: #42a5f5 !important;
}

/* ------ 6. جدول تراکنش‌ها با پس‌زمینه شیشه‌ای ------ */
.woo-wallet-transactions-list {
    background: rgba(255, 255, 255, 0.55) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    border: 1px solid rgba(255, 255, 255, 0.35) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03) !important;
}

/* هدر جدول */
.ww-txn-head {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 18px 24px !important;
    background: rgba(8, 16, 53, 0.03) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.04) !important;
}

.ww-txn-title {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #081035 !important;
    margin: 0 !important;
}

.ww-txn-meta {
    font-size: 13px !important;
    color: #6c757d !important;
}

/* ========================================
   هدر جدول بدون هاور و با رنگ ثابت
   ======================================== */

/* ------ هدر ستون‌های جدول (بدون هاور و ثابت) ------ */
.ww-txn-row--head {
    background: rgba(8, 16, 53, 0.08) !important;
    color: #081035 !important;
    font-weight: 700 !important;
    padding: 14px 24px !important;
    border-bottom: 2px solid rgba(8, 16, 53, 0.10) !important;
    cursor: default !important;
    pointer-events: none !important;
}

/* غیرفعال کردن هاور */
.ww-txn-row--head:hover {
    background: rgba(8, 16, 53, 0.08) !important;
    transform: none !important;
    box-shadow: none !important;
}

.ww-txn-row--head .ww-txn-cell {
    color: #081035 !important;
    font-weight: 600 !important;
    opacity: 0.8 !important;
}

/* ------ ردیف‌های جدول ------ */
.ww-txn-row {
    display: grid !important;
    grid-template-columns: 1fr 2fr 1fr 1fr !important;
    padding: 14px 24px !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.03) !important;
    align-items: center !important;
    transition: background 0.3s ease !important;
}

.ww-txn-row:hover {
    background: rgba(109, 169, 117, 0.04) !important;
}

.ww-txn-cell {
    font-size: 14px !important;
    color: #212529 !important;
}

.ww-txn-cell--date {
    color: #6c757d !important;
    font-size: 13px !important;
}

/* ------ مبالغ واریزی (سبز گرادیانت) ------ */
.ww-txn-cell--amount.credit {
    font-weight: 700 !important;
    font-size: 16px !important;
    background: linear-gradient(135deg, #6DA975 0%, #3d7a45 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    text-shadow: 0 2px 15px rgba(109, 169, 117, 0.15) !important;
}

/* ------ مبالغ برداشتی (قرمز گرادیانت) ------ */
.ww-txn-cell--amount.debit {
    font-weight: 700 !important;
    font-size: 16px !important;
    background: linear-gradient(135deg, #ef5350 0%, #c62828 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    text-shadow: 0 2px 15px rgba(239, 83, 80, 0.15) !important;
}

/* ------ بج‌های وضعیت با پس‌زمینه شیشه‌ای ------ */
.ww-txn-badge {
    display: inline-block !important;
    padding: 5px 16px !important;
    border-radius: 50px !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
}

.ww-txn-badge--success {
    background: rgba(109, 169, 117, 0.12) !important;
    color: #6DA975 !important;
    border: 1px solid rgba(109, 169, 117, 0.15) !important;
}

.ww-txn-badge--danger {
    background: rgba(239, 83, 80, 0.10) !important;
    color: #ef5350 !important;
    border: 1px solid rgba(239, 83, 80, 0.12) !important;
}

/* ======================================== */

/* ------ 7. واکنش‌گرایی (موبایل) ------ */
@media (max-width: 768px) {
    .woo-wallet-my-wallet-container {
        padding: 18px !important;
        border-radius: 20px !important;
    }

    .woo-wallet-balance-card .woo-wallet-price {
        font-size: 34px !important;
    }

    .woo-wallet-nav-tabs {
        flex-direction: column !important;
    }

    .woo-wallet-nav-tab {
        padding: 12px 18px !important;
        font-size: 13px !important;
    }

    .woo-wallet-stats-grid {
        grid-template-columns: 1fr 1fr !important;
    }

    .woo-wallet-stat-card__value {
        font-size: 20px !important;
    }

    .woo-wallet-stat-card__icon {
        width: 42px !important;
        height: 42px !important;
    }
    
    .woo-wallet-stat-card__icon svg {
        width: 20px !important;
        height: 20px !important;
    }

    .ww-txn-row {
        grid-template-columns: 1fr !important;
        gap: 6px !important;
        padding: 14px 18px !important;
    }

    /* حذف هدر جدول در موبایل */
    .ww-txn-row--head {
        display: none !important;
    }

    .ww-txn-cell {
        font-size: 13px !important;
    }

    .ww-txn-cell--amount.credit,
    .ww-txn-cell--amount.debit {
        font-size: 14px !important;
    }
}

@media (max-width: 480px) {
    .woo-wallet-stats-grid {
        grid-template-columns: 1fr !important;
    }

    .woo-wallet-balance-card {
        padding: 22px !important;
    }

    .woo-wallet-balance-card .woo-wallet-price {
        font-size: 28px !important;
    }
}/* End custom CSS */