/* ================================================
   Kerasno Points & Rewards — Theme System
   تم از تنظیم kpar_theme خونده میشه و روی body اعمال میشه
   ================================================ */

/* ---- تم سبز (پیش‌فرض) ---- */
body.keppr-theme-green,
body:not([class*="keppr-theme-"]) {
    --keppr-gradient:        linear-gradient(135deg, #1e3a2f 0%, #2d6a4f 60%, #40916c 100%);
    --keppr-gradient-light:  linear-gradient(135deg, #f0fdf4, #dcfce7);
    --keppr-shadow:          rgba(30, 58, 47, .22);
    --keppr-primary:         #40916c;
    --keppr-primary-dark:    #1e3a2f;
    --keppr-primary-mid:     #2d6a4f;
    --keppr-primary-light:   #52b788;
    --keppr-primary-lighter: #74c69d;
    --keppr-primary-bg:      #d8f3dc;
    --keppr-primary-bg-soft: #f0fdf4;
    --keppr-glow1:           #52b788;
    --keppr-glow2:           #40916c;
    --keppr-glow3:           #74c69d;
    --keppr-glow4:           #52b788;
    --keppr-accent:          #16a34a;
    --keppr-accent-bg:       #dcfce7;
    --keppr-accent-text:     #166534;
    --keppr-tab-active-bg:   #1e293b;
    --keppr-tab-active-text: #fff;
    --keppr-pagination-bg:   linear-gradient(135deg, #1e3a2f, #40916c);
    --keppr-pagination-text: #fff;
    --keppr-btn-bg:          linear-gradient(135deg, #1e3a2f, #40916c);
    --keppr-btn-text:        #fff;
    --keppr-focus-color:     #40916c;
}

/* ---- تم آبی ---- */
body.keppr-theme-blue {
    --keppr-gradient:        linear-gradient(135deg, #1e3a5f 0%, #1d4ed8 60%, #3b82f6 100%);
    --keppr-gradient-light:  linear-gradient(135deg, #eff6ff, #dbeafe);
    --keppr-shadow:          rgba(30, 58, 95, .22);
    --keppr-primary:         #3b82f6;
    --keppr-primary-dark:    #1e3a5f;
    --keppr-primary-mid:     #1d4ed8;
    --keppr-primary-light:   #60a5fa;
    --keppr-primary-lighter: #93c5fd;
    --keppr-primary-bg:      #dbeafe;
    --keppr-primary-bg-soft: #eff6ff;
    --keppr-glow1:           #60a5fa;
    --keppr-glow2:           #3b82f6;
    --keppr-glow3:           #93c5fd;
    --keppr-glow4:           #60a5fa;
    --keppr-accent:          #2563eb;
    --keppr-accent-bg:       #dbeafe;
    --keppr-accent-text:     #1e40af;
    --keppr-tab-active-bg:   #1e3a5f;
    --keppr-tab-active-text: #fff;
    --keppr-pagination-bg:   linear-gradient(135deg, #1e3a5f, #3b82f6);
    --keppr-pagination-text: #fff;
    --keppr-btn-bg:          linear-gradient(135deg, #1e3a5f, #3b82f6);
    --keppr-btn-text:        #fff;
    --keppr-focus-color:     #3b82f6;
}

/* ---- تم بنفش ---- */
body.keppr-theme-purple {
    --keppr-gradient:        linear-gradient(135deg, #2e1065 0%, #7c3aed 60%, #a78bfa 100%);
    --keppr-gradient-light:  linear-gradient(135deg, #f5f3ff, #ede9fe);
    --keppr-shadow:          rgba(46, 16, 101, .22);
    --keppr-primary:         #7c3aed;
    --keppr-primary-dark:    #2e1065;
    --keppr-primary-mid:     #6d28d9;
    --keppr-primary-light:   #a78bfa;
    --keppr-primary-lighter: #c4b5fd;
    --keppr-primary-bg:      #ede9fe;
    --keppr-primary-bg-soft: #f5f3ff;
    --keppr-glow1:           #c4b5fd;
    --keppr-glow2:           #7c3aed;
    --keppr-glow3:           #ddd6fe;
    --keppr-glow4:           #c4b5fd;
    --keppr-accent:          #7c3aed;
    --keppr-accent-bg:       #ede9fe;
    --keppr-accent-text:     #4c1d95;
    --keppr-tab-active-bg:   #2e1065;
    --keppr-tab-active-text: #fff;
    --keppr-pagination-bg:   linear-gradient(135deg, #2e1065, #7c3aed);
    --keppr-pagination-text: #fff;
    --keppr-btn-bg:          linear-gradient(135deg, #2e1065, #7c3aed);
    --keppr-btn-text:        #fff;
    --keppr-focus-color:     #7c3aed;
}

/* ---- تم غروب ---- */
body.keppr-theme-sunset {
    --keppr-gradient:        linear-gradient(135deg, #7f1d1d 0%, #dc2626 60%, #f97316 100%);
    --keppr-gradient-light:  linear-gradient(135deg, #fff7ed, #ffedd5);
    --keppr-shadow:          rgba(127, 29, 29, .22);
    --keppr-primary:         #dc2626;
    --keppr-primary-dark:    #7f1d1d;
    --keppr-primary-mid:     #b91c1c;
    --keppr-primary-light:   #f97316;
    --keppr-primary-lighter: #fca5a5;
    --keppr-primary-bg:      #fee2e2;
    --keppr-primary-bg-soft: #fff5f5;
    --keppr-glow1:           #fca5a5;
    --keppr-glow2:           #dc2626;
    --keppr-glow3:           #fdba74;
    --keppr-glow4:           #fca5a5;
    --keppr-accent:          #dc2626;
    --keppr-accent-bg:       #fee2e2;
    --keppr-accent-text:     #991b1b;
    --keppr-tab-active-bg:   #7f1d1d;
    --keppr-tab-active-text: #fff;
    --keppr-pagination-bg:   linear-gradient(135deg, #7f1d1d, #dc2626);
    --keppr-pagination-text: #fff;
    --keppr-btn-bg:          linear-gradient(135deg, #7f1d1d, #dc2626);
    --keppr-btn-text:        #fff;
    --keppr-focus-color:     #dc2626;
}

/* ---- تم تیره ---- */
body.keppr-theme-dark {
    --keppr-gradient:        linear-gradient(135deg, #0f172a 0%, #1e293b 60%, #334155 100%);
    --keppr-gradient-light:  linear-gradient(135deg, #f1f5f9, #e2e8f0);
    --keppr-shadow:          rgba(15, 23, 42, .30);
    --keppr-primary:         #475569;
    --keppr-primary-dark:    #0f172a;
    --keppr-primary-mid:     #1e293b;
    --keppr-primary-light:   #64748b;
    --keppr-primary-lighter: #94a3b8;
    --keppr-primary-bg:      #e2e8f0;
    --keppr-primary-bg-soft: #f1f5f9;
    --keppr-glow1:           #94a3b8;
    --keppr-glow2:           #475569;
    --keppr-glow3:           #cbd5e1;
    --keppr-glow4:           #94a3b8;
    --keppr-accent:          #334155;
    --keppr-accent-bg:       #e2e8f0;
    --keppr-accent-text:     #0f172a;
    --keppr-tab-active-bg:   #0f172a;
    --keppr-tab-active-text: #fff;
    --keppr-pagination-bg:   linear-gradient(135deg, #0f172a, #334155);
    --keppr-pagination-text: #fff;
    --keppr-btn-bg:          linear-gradient(135deg, #0f172a, #334155);
    --keppr-btn-text:        #fff;
    --keppr-focus-color:     #475569;
}

/* ---- تم روشن ---- */
body.keppr-theme-light {
    --keppr-gradient:        linear-gradient(135deg, #f8fafc 0%, #e2e8f0 60%, #cbd5e1 100%);
    --keppr-gradient-light:  linear-gradient(135deg, #f8fafc, #f1f5f9);
    --keppr-shadow:          rgba(100, 116, 139, .15);
    --keppr-primary:         #64748b;
    --keppr-primary-dark:    #334155;
    --keppr-primary-mid:     #475569;
    --keppr-primary-light:   #94a3b8;
    --keppr-primary-lighter: #cbd5e1;
    --keppr-primary-bg:      #e2e8f0;
    --keppr-primary-bg-soft: #f8fafc;
    --keppr-glow1:           #94a3b8;
    --keppr-glow2:           #64748b;
    --keppr-glow3:           #cbd5e1;
    --keppr-glow4:           #94a3b8;
    --keppr-accent:          #3b82f6;
    --keppr-accent-bg:       #dbeafe;
    --keppr-accent-text:     #1e40af;
    --keppr-tab-active-bg:   #334155;
    --keppr-tab-active-text: #fff;
    --keppr-pagination-bg:   linear-gradient(135deg, #334155, #64748b);
    --keppr-pagination-text: #fff;
    --keppr-btn-bg:          linear-gradient(135deg, #334155, #64748b);
    --keppr-btn-text:        #fff;
    --keppr-focus-color:     #64748b;
    /* رنگ متن برای پس‌زمینه روشن */
    --keppr-header-text:     #1e293b;
    --keppr-header-text-sub: #475569;
    --keppr-header-text-muted: rgba(30,41,59,.6);
}

/* override رنگ متن هدر برای تم روشن */
body.keppr-theme-light header#keppr_header,
body.keppr-theme-light #keppr_header_userinfo,
body.keppr-theme-light #keppr_point,
body.keppr-theme-light #keppr_label,
body.keppr-theme-light .keppr-level-badge,
body.keppr-theme-light .keppr-level-hint,
body.keppr-theme-light .keppr-level-hint strong,
body.keppr-theme-light .keppr-level-max {
    color: #1e293b !important;
}
body.keppr-theme-light #keppr_header_left {
    background: rgba(30,41,59,.1) !important;
    border-color: rgba(30,41,59,.2) !important;
}
body.keppr-theme-light #keppr_header_left #keppr_point { color: #1e293b !important; }
body.keppr-theme-light #keppr_header_left #keppr_label { color: rgba(30,41,59,.7) !important; }
body.keppr-theme-light #keppr_return a {
    background: rgba(30,41,59,.1) !important;
    border-color: rgba(30,41,59,.2) !important;
    color: #1e293b !important;
}
body.keppr-theme-light .keppr-level-progress-track { background: rgba(30,41,59,.15) !important; }
body.keppr-theme-light .keppr-level-progress-fill { background: linear-gradient(90deg,#334155,#64748b) !important; }
body.keppr-theme-light .keppr-level-footer { border-top-color: rgba(30,41,59,.12) !important; }

/* ================================================
   اعمال CSS variables روی کامپوننت‌ها
   ================================================ */

/* هدر */
header#keppr_header {
    background: var(--keppr-gradient) !important;
    box-shadow: 0 8px 32px var(--keppr-shadow), 0 2px 8px rgba(0,0,0,.08) !important;
}
#keppr_header_avatar::before {
    background: conic-gradient(
        var(--keppr-glow1) 0%,
        var(--keppr-glow2) 25%,
        var(--keppr-glow3) 50%,
        transparent 55%,
        transparent 70%,
        var(--keppr-glow4) 85%,
        var(--keppr-glow1) 100%
    ) !important;
}
#keppr_header_avatar::after {
    background: var(--keppr-gradient) !important;
}

/* تب‌ها */
.kepro-tab-btn.kepro-active,
.kw-tab-btn.active,
.kepro-points-tabs .kepro-tab-btn.active {
    background: var(--keppr-tab-active-bg) !important;
    color: var(--keppr-tab-active-text) !important;
}

/* دکمه‌های اصلی */
.kusl-btn-primary,
.keppr-lc-btn-primary,
.keppr-awards-btn,
.kpms-page-btn.active,
.kusl-pag-btn.active,
.keppr-lc-pag-btn.active,
.keppr-sh-pag-btn.active {
    background: var(--keppr-btn-bg) !important;
    color: var(--keppr-btn-text) !important;
}

/* صفحه‌بندی */
.keppr-page-btn.active,
.kpms-page-btn.active {
    background: var(--keppr-pagination-bg) !important;
    color: var(--keppr-pagination-text) !important;
}

/* فرم کد شانس */
.keppr-lc-form-card {
    background: var(--keppr-gradient) !important;
    box-shadow: 0 8px 32px var(--keppr-shadow) !important;
}
#keppr-lc-submit-btn {
    background: #fff !important;
    color: var(--keppr-primary-dark) !important;
}

/* هدر تاریخچه اشتراک‌گذاری */
.keppr-myshares-stat-card.highlight {
    background: var(--keppr-gradient) !important;
}

/* badge موجودی کیف پول در هدر */
.keppr-total-badge,
.kpms-total-badge {
    background: var(--keppr-gradient) !important;
}

/* focus رنگ */
.kusl-date-input:focus,
.kusl-select:focus,
.keppr-lc-input-wrap input:focus {
    border-color: var(--keppr-focus-color) !important;
}

/* progress bar */
.keppr-level-progress-fill {
    background: linear-gradient(90deg, rgba(255,255,255,.95), rgba(255,255,255,.5)) !important;
}

/* awards shortcode */
.award-card.attainable { border-top-color: var(--keppr-primary) !important; }
.awards-pagination .page-numbers.current {
    background: var(--keppr-primary) !important;
    border-color: var(--keppr-primary) !important;
}

/* user-awards */
.keppr-awards-wrap .keppr-total-badge {
    background: var(--keppr-gradient) !important;
}

/* ================================================
   تم روشن — override کامل همه کامپوننت‌ها
   ================================================ */

/* تب‌های اصلی */
body.keppr-theme-light .kepro-tab-btn.kepro-active,
body.keppr-theme-light .kepro-tab-btn.active {
    background: #334155 !important;
    color: #fff !important;
}
body.keppr-theme-light .kepro-tab-btn:not(.kepro-active):not(.active) {
    color: #334155 !important;
}

/* کارت‌های index */
body.keppr-theme-light .kprc {
    color: #1e293b !important;
}
body.keppr-theme-light .kprc-title { color: #1e293b !important; }
body.keppr-theme-light .kprc-desc  { color: rgba(30,41,59,.65) !important; }
body.keppr-theme-light .kprc-btn   { color: rgba(30,41,59,.8) !important; border-color: rgba(30,41,59,.2) !important; }
body.keppr-theme-light .kprc:hover { color: #1e293b !important; }

/* هدر امتیازات (kusl) */
body.keppr-theme-light .kusl-btn-primary {
    background: linear-gradient(135deg,#334155,#64748b) !important;
    color: #fff !important;
}
body.keppr-theme-light .kusl-pag-btn.active {
    background: linear-gradient(135deg,#334155,#64748b) !important;
    color: #fff !important;
}

/* کد شانس */
body.keppr-theme-light .keppr-lc-form-card {
    color: #1e293b !important;
}
body.keppr-theme-light .keppr-lc-form-header h3 { color: #1e293b !important; }
body.keppr-theme-light .keppr-lc-form-header p  { color: rgba(30,41,59,.65) !important; }
body.keppr-theme-light .keppr-lc-input-wrap input {
    border-color: rgba(30,41,59,.3) !important;
    background: rgba(30,41,59,.06) !important;
    color: #1e293b !important;
}
body.keppr-theme-light .keppr-lc-input-wrap input::placeholder { color: rgba(30,41,59,.4) !important; }
body.keppr-theme-light #keppr-lc-submit-btn {
    background: #334155 !important;
    color: #fff !important;
}
body.keppr-theme-light .keppr-lc-pag-btn.active {
    background: linear-gradient(135deg,#334155,#64748b) !important;
    color: #fff !important;
}

/* اشتراک‌گذاری */
body.keppr-theme-light .keppr-myshares-stat-card.highlight {
    background: linear-gradient(135deg,#334155,#64748b) !important;
}
body.keppr-theme-light .keppr-myshares-stat-card.highlight .keppr-myshares-stat-num,
body.keppr-theme-light .keppr-myshares-stat-card.highlight .keppr-myshares-stat-lbl {
    color: #fff !important;
}

/* badge مجموع */
body.keppr-theme-light .keppr-total-badge,
body.keppr-theme-light .kpms-total-badge {
    background: linear-gradient(135deg,#334155,#64748b) !important;
    color: #fff !important;
}

/* صفحه‌بندی جوایز */
body.keppr-theme-light .keppr-page-btn.active,
body.keppr-theme-light .kpms-page-btn.active,
body.keppr-theme-light .keppr-sh-pag-btn.active {
    background: linear-gradient(135deg,#334155,#64748b) !important;
    color: #fff !important;
}

/* دکمه جوایز */
body.keppr-theme-light .keppr-awards-btn {
    background: linear-gradient(135deg,#334155,#64748b) !important;
    color: #fff !important;
}

/* تب‌های امتیازات */
body.keppr-theme-light .kepro-points-tabs .kepro-tab-btn.active {
    background: #334155 !important;
    color: #fff !important;
}

/* فیلتر امتیازات */
body.keppr-theme-light .kusl-filters { background: #f1f5f9 !important; }
body.keppr-theme-light .kusl-date-input:focus,
body.keppr-theme-light .kusl-select:focus { border-color: #64748b !important; }

/* ================================================
   کوپن تخفیف — تم‌پذیر
   ================================================ */
.keppr-sc-form-card {
    background: var(--keppr-gradient) !important;
    box-shadow: 0 8px 32px var(--keppr-shadow) !important;
}
.keppr-sc-submit-btn {
    background: #fff !important;
    color: var(--keppr-primary-dark) !important;
}
.keppr-sc-total-badge {
    background: var(--keppr-gradient) !important;
}
.keppr-sc-pag-btn.active {
    background: var(--keppr-btn-bg) !important;
    color: var(--keppr-btn-text) !important;
    border-color: transparent !important;
}
.keppr-sc-card-amount {
    color: var(--keppr-accent-text) !important;
    background: var(--keppr-accent-bg) !important;
}
.keppr-sc-card-icon {
    background: var(--keppr-gradient-light) !important;
}

/* تم روشن — override */
body.keppr-theme-light .keppr-sc-form-card {
    color: #1e293b !important;
}
body.keppr-theme-light .keppr-sc-form-header h3 { color: #1e293b !important; }
body.keppr-theme-light .keppr-sc-form-header p  { color: rgba(30,41,59,.65) !important; }
body.keppr-theme-light .keppr-sc-submit-btn {
    background: #334155 !important;
    color: #fff !important;
}
body.keppr-theme-light .keppr-sc-pag-btn.active {
    background: linear-gradient(135deg,#334155,#64748b) !important;
    color: #fff !important;
}
body.keppr-theme-light .keppr-sc-total-badge {
    background: linear-gradient(135deg,#334155,#64748b) !important;
    color: #fff !important;
}