:root {
	--wd-text-font: "bakh", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(45,45,45);
	--wd-text-font-size: 14px;
	--wd-title-font: "peyda", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 900;
	--wd-title-color: rgb(61,61,61);
	--wd-entities-title-font: "peyda", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 400;
	--wd-entities-title-color: rgb(119,119,119);
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "bakh", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "peyda", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 700;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: rgb(119,119,119);
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "bakh", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 400;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 15px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(123,48,123);
	--wd-alternative-color: rgb(30,30,30);
	--btn-default-bgcolor: rgb(123,48,123);
	--btn-default-bgcolor-hover: rgb(122,66,122);
	--btn-accented-bgcolor: rgb(123,48,123);
	--btn-accented-bgcolor-hover: rgb(122,67,122);
	--wd-form-brd-width: 2px;
	--notices-success-bg: rgb(123,48,123);
	--notices-success-color: #fff;
	--notices-warning-bg: rgb(221,51,51);
	--notices-warning-color: #fff;
	--wd-link-color: rgb(123,48,123);
	--wd-link-color-hover: rgb(0,0,0);
	--wd-sticky-btn-height: 95px;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 280px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(247,250,255);
	background-image: none;
}
html .product-image-summary-wrap .product_title, html .wd-single-title .product_title {
	font-family: "IRANSans", Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}

@media (max-width: 1024px) {
	:root {
		--wd-sticky-btn-height: 95px;
	}

}

@media (max-width: 768.98px) {
	:root {
		--wd-sticky-btn-height: 42px;
	}

}
:root{
--wd-container-w: 1340px;
--wd-form-brd-radius: 5px;
--btn-default-color: #fff;
--btn-default-color-hover: #fff;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 8px;
}

@media (min-width: 1340px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}

rs-slides :is([data-type=text],[data-type=button]) {
font-family: bakh !important;
}
rs-slides :is(h1,h2,h3,h4,h5,h6)[data-type=text] {
font-family: peyda !important;
}

.wd-page-title {
background-color: #0a0a0a;
}

@font-face {
	font-family: "bakh";
	src: url("//biriss.com/wp-content/uploads/2025/05/YekanBakhFaNum-Regular.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "bakh";
	src: url("//biriss.com/wp-content/uploads/2025/05/YekanBakhFaNum-Bold.woff2") format("woff2");
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: "bakh";
	src: url("//biriss.com/wp-content/uploads/2025/05/YekanBakhFaNum-ExtraBold.woff2") format("woff2");
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: "peyda";
	src: url("//biriss.com/wp-content/uploads/2025/05/YekanBakhFaNum-ExtraBold.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "peyda";
	src: url("//biriss.com/wp-content/uploads/2025/05/PeydaWeb-Black.woff2") format("woff2");
	font-weight: 700;
	font-style: normal;
}

/* ============================================
   استایل اختصاصی داشبورد بازاریابی
   کاملاً ریسپانسیو - راست‌چین (RTL)
   ============================================ */

/* ============================================
   بخش 1: کانتینر اصلی
   ============================================ */

#affwp-affiliate-dashboard {
    background: #FFFFFF !important;
    border-radius: 20px !important;
    padding: 30px 32px !important;
    box-shadow: 0 4px 40px rgba(0, 0, 0, 0.03), 0 2px 16px rgba(123, 48, 123, 0.02) !important;
    border: 1px solid rgba(123, 48, 123, 0.04) !important;
    margin: 20px 0 !important;
    animation: dashboardFade 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    overflow: hidden !important;
    position: relative !important;
    direction: rtl !important;
    text-align: right !important;
}

@keyframes dashboardFade {
    0% {
        opacity: 0;
        transform: translateY(25px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* المان تزئینی پس‌زمینه */
#affwp-affiliate-dashboard::before {
    content: '✦';
    position: absolute;
    top: -40px;
    left: -30px;
    font-size: 160px;
    color: rgba(123, 48, 123, 0.02);
    pointer-events: none;
    font-weight: 300;
    transform: rotate(-15deg);
}

#affwp-affiliate-dashboard::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, transparent, rgba(123, 48, 123, 0.08), rgba(123, 48, 123, 0.2), rgba(123, 48, 123, 0.08), transparent);
}

/* ============================================
   بخش 2: تب‌های داشبورد
   ============================================ */

#affwp-affiliate-dashboard-tabs {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 28px 0 !important;
    border-bottom: 2px solid rgba(123, 48, 123, 0.04) !important;
    padding-bottom: 16px !important;
    position: relative !important;
    z-index: 1 !important;
    justify-content: flex-start !important;
}

#affwp-affiliate-dashboard-tabs li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

#affwp-affiliate-dashboard-tabs li a {
    display: block !important;
    padding: 10px 22px !important;
    border-radius: 12px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #4A4A4A !important;
    text-decoration: none !important;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    background: transparent !important;
    border: 2px solid transparent !important;
    position: relative !important;
    text-align: right !important;
}

#affwp-affiliate-dashboard-tabs li a:hover {
    color: #7B307B !important;
    background: rgba(123, 48, 123, 0.03) !important;
    transform: translateY(-2px) !important;
}

#affwp-affiliate-dashboard-tabs li a::after {
    content: '';
    position: absolute;
    bottom: -18px;
    right: 50%;
    transform: translateX(50%) scaleX(0);
    width: 60%;
    height: 3px;
    background: linear-gradient(90deg, #7B307B, #9E4A9E);
    border-radius: 10px 10px 0 0;
    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

#affwp-affiliate-dashboard-tabs li a:hover::after {
    transform: translateX(50%) scaleX(1);
}

/* تب فعال */
#affwp-affiliate-dashboard-tabs li.active a {
    color: #7B307B !important;
    background: rgba(123, 48, 123, 0.04) !important;
    border-color: rgba(123, 48, 123, 0.06) !important;
    box-shadow: 0 2px 12px rgba(123, 48, 123, 0.02) !important;
}

#affwp-affiliate-dashboard-tabs li.active a::after {
    transform: translateX(50%) scaleX(1) !important;
}

/* ============================================
   بخش 3: محتوای تب‌ها
   ============================================ */

.affwp-tab-content {
    padding: 8px 0 !important;
    position: relative !important;
    z-index: 1 !important;
    text-align: right !important;
}

.affwp-tab-content h4 {
    font-size: 22px !important;
    font-weight: 800 !important;
    color: #1E1E1E !important;
    margin: 0 0 16px 0 !important;
    padding-right: 18px !important;
    position: relative !important;
    letter-spacing: -0.5px !important;
    text-align: right !important;
}

.affwp-tab-content h4::before {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 28px;
    background: linear-gradient(180deg, #7B307B, #9E4A9E);
    border-radius: 10px;
}

.affwp-tab-content h5 {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #1E1E1E !important;
    margin: 20px 0 12px 0 !important;
    padding-right: 14px !important;
    border-right: 3px solid rgba(123, 48, 123, 0.15) !important;
    text-align: right !important;
}

.affwp-tab-content p {
    font-size: 15px !important;
    color: #4A4A4A !important;
    line-height: 1.9 !important;
    margin: 0 0 12px 0 !important;
    text-align: right !important;
}

.affwp-tab-content strong {
    color: #7B307B !important;
    font-weight: 700 !important;
}

/* ============================================
   بخش 4: اطلاعات کاربری
   ============================================ */

.affwp-tab-content p strong:first-child {
    display: inline-block !important;
    background: rgba(123, 48, 123, 0.04) !important;
    padding: 2px 12px !important;
    border-radius: 6px !important;
    color: #7B307B !important;
}

/* ============================================
   بخش 5: فرم تولید لینک
   ============================================ */

#affwp-generate-ref-url {
    background: rgba(123, 48, 123, 0.01) !important;
    border: 1px solid rgba(123, 48, 123, 0.04) !important;
    border-radius: 16px !important;
    padding: 24px 28px !important;
    margin-top: 16px !important;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    text-align: right !important;
}

#affwp-generate-ref-url:hover {
    border-color: rgba(123, 48, 123, 0.08) !important;
    box-shadow: 0 4px 20px rgba(123, 48, 123, 0.02) !important;
}

#affwp-generate-ref-url .affwp-wrap {
    margin-bottom: 16px !important;
    text-align: right !important;
}

#affwp-generate-ref-url label {
    display: block !important;
    font-weight: 600 !important;
    color: #1E1E1E !important;
    font-size: 14px !important;
    margin-bottom: 6px !important;
    text-align: right !important;
}

#affwp-generate-ref-url input[type="text"] {
    width: 100% !important;
    padding: 10px 16px !important;
    border: 2px solid #E8E5F0 !important;
    border-radius: 10px !important;
    font-size: 14px !important;
    color: #1E1E1E !important;
    background: #FFFFFF !important;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    font-family: inherit !important;
    text-align: right !important;
}

#affwp-generate-ref-url input[type="text"]:focus {
    border-color: #7B307B !important;
    box-shadow: 0 0 0 4px rgba(123, 48, 123, 0.04) !important;
    outline: none !important;
}

#affwp-generate-ref-url input[type="text"]::placeholder {
    color: #B0B0B8 !important;
}

/* فیلد لینک تولید شده - LTR برای لینک */
#affwp-referral-url {
    background: rgba(123, 48, 123, 0.02) !important;
    border-color: rgba(123, 48, 123, 0.06) !important;
    color: #1E1E1E !important;
    font-family: 'Monaco', 'Menlo', 'Courier New', monospace !important;
    font-size: 13px !important;
    direction: ltr !important;
    text-align: left !important;
}

#affwp-referral-url:focus {
    border-color: #7B307B !important;
    box-shadow: 0 0 0 4px rgba(123, 48, 123, 0.04) !important;
}

.affwp-wrap .description {
    font-size: 13px !important;
    color: #7B307B !important;
    margin-top: 6px !important;
    background: rgba(123, 48, 123, 0.02) !important;
    padding: 6px 14px !important;
    border-radius: 6px !important;
    display: inline-block !important;
    text-align: right !important;
}

/* ============================================
   بخش 6: دکمه فرم
   ============================================ */

#affwp-generate-ref-url input[type="submit"] {
    background: linear-gradient(135deg, #7B307B, #6A2A6A) !important;
    color: #FFFFFF !important;
    border: none !important;
    padding: 12px 32px !important;
    border-radius: 10px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    box-shadow: 0 4px 20px rgba(123, 48, 123, 0.15) !important;
    position: relative !important;
    overflow: hidden !important;
    width: 100% !important;
    max-width: 280px !important;
    min-height: 48px !important;
}

/* افکت ریپل روی دکمه */
#affwp-generate-ref-url input[type="submit"]::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: width 0.8s, height 0.8s;
}

#affwp-generate-ref-url input[type="submit"]:hover::before {
    width: 400px;
    height: 400px;
}

#affwp-generate-ref-url input[type="submit"]:hover {
    background: linear-gradient(135deg, #5A235A, #4A1A4A) !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 35px rgba(123, 48, 123, 0.25) !important;
}

#affwp-generate-ref-url input[type="submit"]:active {
    transform: translateY(0) scale(0.97) !important;
}

/* ============================================
   بخش 7: ریسپانسیو - موبایل
   ============================================ */

@media screen and (max-width: 768px) {
    #affwp-affiliate-dashboard {
        padding: 18px 16px !important;
        border-radius: 16px !important;
        margin: 12px 0 !important;
    }
    
    #affwp-affiliate-dashboard::before {
        font-size: 80px !important;
        top: -20px !important;
        left: -15px !important;
    }
    
    /* تب‌ها - اسکرول افقی */
    #affwp-affiliate-dashboard-tabs {
        gap: 4px !important;
        padding-bottom: 12px !important;
        margin-bottom: 18px !important;
        overflow-x: auto !important;
        flex-wrap: nowrap !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
        justify-content: flex-start !important;
    }
    
    #affwp-affiliate-dashboard-tabs::-webkit-scrollbar {
        display: none !important;
    }
    
    #affwp-affiliate-dashboard-tabs li a {
        padding: 8px 14px !important;
        font-size: 12.5px !important;
        white-space: nowrap !important;
        border-radius: 8px !important;
    }
    
    #affwp-affiliate-dashboard-tabs li a::after {
        bottom: -12px !important;
        height: 2px !important;
        width: 80% !important;
    }
    
    #affwp-affiliate-dashboard-tabs li.active a {
        background: rgba(123, 48, 123, 0.04) !important;
    }
    
    /* محتوای تب */
    .affwp-tab-content h4 {
        font-size: 18px !important;
        padding-right: 14px !important;
    }
    
    .affwp-tab-content h4::before {
        height: 22px !important;
    }
    
    .affwp-tab-content h5 {
        font-size: 15px !important;
        padding-right: 10px !important;
    }
    
    .affwp-tab-content p {
        font-size: 14px !important;
        line-height: 1.8 !important;
    }
    
    /* فرم */
    #affwp-generate-ref-url {
        padding: 16px !important;
        border-radius: 12px !important;
    }
    
    #affwp-generate-ref-url .affwp-wrap {
        margin-bottom: 12px !important;
    }
    
    #affwp-generate-ref-url label {
        font-size: 13px !important;
    }
    
    #affwp-generate-ref-url input[type="text"] {
        padding: 10px 14px !important;
        font-size: 13px !important;
        border-radius: 8px !important;
    }
    
    #affwp-generate-ref-url input[type="submit"] {
        padding: 12px 24px !important;
        font-size: 14px !important;
        max-width: 100% !important;
        min-height: 44px !important;
    }
    
    #affwp-generate-ref-url input[type="submit"]::before {
        display: none !important;
    }
    
    .affwp-wrap .description {
        font-size: 12px !important;
        padding: 4px 12px !important;
    }
    
    /* لینک تولید شده */
    #affwp-referral-url {
        font-size: 12px !important;
    }
    
    /* اطلاعات کاربری */
    .affwp-tab-content p strong:first-child {
        font-size: 13px !important;
        padding: 2px 10px !important;
    }
}

/* ============================================
   بخش 8: ریسپانسیو - تبلت
   ============================================ */

@media screen and (min-width: 769px) and (max-width: 1024px) {
    #affwp-affiliate-dashboard {
        padding: 24px 24px !important;
    }
    
    #affwp-affiliate-dashboard-tabs li a {
        padding: 8px 18px !important;
        font-size: 13.5px !important;
    }
    
    .affwp-tab-content h4 {
        font-size: 20px !important;
    }
    
    #affwp-generate-ref-url {
        padding: 20px !important;
    }
    
    #affwp-generate-ref-url input[type="submit"] {
        max-width: 240px !important;
    }
}

/* ============================================
   بخش 9: حالت دارک
   ============================================ */

.dark #affwp-affiliate-dashboard {
    background: rgba(30, 30, 30, 0.95) !important;
    border-color: rgba(123, 48, 123, 0.06) !important;
}

.dark #affwp-affiliate-dashboard::before {
    color: rgba(123, 48, 123, 0.03) !important;
}

.dark #affwp-affiliate-dashboard-tabs {
    border-bottom-color: rgba(123, 48, 123, 0.06) !important;
}

.dark #affwp-affiliate-dashboard-tabs li a {
    color: #B0B0B8 !important;
}

.dark #affwp-affiliate-dashboard-tabs li a:hover {
    color: #C084C0 !important;
    background: rgba(123, 48, 123, 0.04) !important;
}

.dark #affwp-affiliate-dashboard-tabs li.active a {
    color: #C084C0 !important;
    background: rgba(123, 48, 123, 0.06) !important;
    border-color: rgba(123, 48, 123, 0.08) !important;
}

.dark .affwp-tab-content h4 {
    color: #F6F5F8 !important;
}

.dark .affwp-tab-content h5 {
    color: #F6F5F8 !important;
    border-right-color: rgba(123, 48, 123, 0.2) !important;
}

.dark .affwp-tab-content p {
    color: #B0B0B8 !important;
}

.dark .affwp-tab-content strong {
    color: #C084C0 !important;
}

.dark .affwp-tab-content p strong:first-child {
    background: rgba(123, 48, 123, 0.1) !important;
    color: #C084C0 !important;
}

.dark #affwp-generate-ref-url {
    background: rgba(255, 255, 255, 0.01) !important;
    border-color: rgba(123, 48, 123, 0.06) !important;
}

.dark #affwp-generate-ref-url label {
    color: #D1D1D6 !important;
}

.dark #affwp-generate-ref-url input[type="text"] {
    background: rgba(30, 30, 30, 0.8) !important;
    border-color: rgba(123, 48, 123, 0.08) !important;
    color: #F6F5F8 !important;
}

.dark #affwp-generate-ref-url input[type="text"]:focus {
    border-color: #7B307B !important;
    box-shadow: 0 0 0 4px rgba(123, 48, 123, 0.06) !important;
}

.dark #affwp-generate-ref-url input[type="text"]::placeholder {
    color: #666670 !important;
}

.dark #affwp-referral-url {
    background: rgba(30, 30, 30, 0.8) !important;
    border-color: rgba(123, 48, 123, 0.08) !important;
    color: #D1D1D6 !important;
}

.dark .affwp-wrap .description {
    color: #C084C0 !important;
    background: rgba(123, 48, 123, 0.06) !important;
}

.dark #affwp-generate-ref-url input[type="submit"] {
    background: linear-gradient(135deg, #7B307B, #6A2A6A) !important;
}

.dark #affwp-generate-ref-url input[type="submit"]:hover {
    background: linear-gradient(135deg, #5A235A, #4A1A4A) !important;
}

/* ============================================
   بخش 10: بهبود دسترسی
   ============================================ */

#affwp-affiliate-dashboard-tabs li a:focus-visible {
    outline: 2px solid #7B307B !important;
    outline-offset: 2px !important;
    border-radius: 8px !important;
}

#affwp-generate-ref-url input[type="text"]:focus-visible {
    outline: none !important;
}

#affwp-generate-ref-url input[type="submit"]:focus-visible {
    outline: 3px solid #7B307B !important;
    outline-offset: 4px !important;
}

/* ============================================
   بخش 11: اسکرول‌بار سفارشی
   ============================================ */

#affwp-affiliate-dashboard-tabs::-webkit-scrollbar {
    height: 3px;
}

#affwp-affiliate-dashboard-tabs::-webkit-scrollbar-track {
    background: transparent;
}

#affwp-affiliate-dashboard-tabs::-webkit-scrollbar-thumb {
    background: rgba(123, 48, 123, 0.15);
    border-radius: 10px;
}

#affwp-affiliate-dashboard-tabs::-webkit-scrollbar-thumb:hover {
    background: rgba(123, 48, 123, 0.25);
}

/* ============================================
   بخش 12: انیمیشن‌های اضافی
   ============================================ */

/* انیمیشن ورود تب‌ها */
#affwp-affiliate-dashboard-tabs li {
    animation: tabItemFade 0.5s ease forwards;
    opacity: 0;
}

#affwp-affiliate-dashboard-tabs li:nth-child(1) { animation-delay: 0.05s; }
#affwp-affiliate-dashboard-tabs li:nth-child(2) { animation-delay: 0.08s; }
#affwp-affiliate-dashboard-tabs li:nth-child(3) { animation-delay: 0.11s; }
#affwp-affiliate-dashboard-tabs li:nth-child(4) { animation-delay: 0.14s; }
#affwp-affiliate-dashboard-tabs li:nth-child(5) { animation-delay: 0.17s; }
#affwp-affiliate-dashboard-tabs li:nth-child(6) { animation-delay: 0.20s; }
#affwp-affiliate-dashboard-tabs li:nth-child(7) { animation-delay: 0.23s; }
#affwp-affiliate-dashboard-tabs li:nth-child(8) { animation-delay: 0.26s; }

@keyframes tabItemFade {
    0% {
        opacity: 0;
        transform: translateY(-10px) scale(0.95);
    }
    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

/* انیمیشن فرم */
#affwp-generate-ref-url {
    animation: formFade 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.3s both;
}

@keyframes formFade {
    0% {
        opacity: 0;
        transform: translateY(15px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ============================================
   بخش 13: اصلاح لینک‌ها برای RTL
   ============================================ */

.affwp-tab-content a:not(.button) {
    color: #7B307B !important;
    text-decoration: none !important;
    border-bottom: 1px solid rgba(123, 48, 123, 0.1) !important;
    transition: all 0.3s ease !important;
}

.affwp-tab-content a:not(.button):hover {
    color: #5A235A !important;
    border-bottom-color: #7B307B !important;
}

/* ============================================
   بخش 14: اصلاح جداول در RTL
   ============================================ */

.affwp-tab-content table {
    width: 100% !important;
    border-collapse: collapse !important;
    margin: 12px 0 !important;
    direction: rtl !important;
}

.affwp-tab-content table th,
.affwp-tab-content table td {
    padding: 10px 14px !important;
    border: 1px solid rgba(123, 48, 123, 0.04) !important;
    text-align: right !important;
}

.affwp-tab-content table th {
    background: rgba(123, 48, 123, 0.02) !important;
    font-weight: 700 !important;
    color: #1E1E1E !important;
}

.affwp-tab-content table td {
    color: #4A4A4A !important;
}
/* ============================================
   استایل اختصاصی جداول آمار بازاریابی
   کاملاً ریسپانسیو - راست‌چین (RTL)
   هارمونی با پالت بنفش
   ============================================ */

/* ============================================
   بخش 1: کانتینر اصلی تب‌های آمار
   ============================================ */

.affwp-tab-content {
    animation: contentFade 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    direction: rtl !important;
    text-align: right !important;
}

@keyframes contentFade {
    0% {
        opacity: 0;
        transform: translateY(15px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ============================================
   بخش 2: عنوان‌های بخش آمار
   ============================================ */

.affwp-tab-content h4 {
    font-size: 22px !important;
    font-weight: 800 !important;
    color: #1E1E1E !important;
    margin: 0 0 20px 0 !important;
    padding-right: 18px !important;
    position: relative !important;
    letter-spacing: -0.5px !important;
    text-align: right !important;
    display: inline-block !important;
}

.affwp-tab-content h4::before {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 28px;
    background: linear-gradient(180deg, #7B307B, #9E4A9E);
    border-radius: 10px;
}

/* ============================================
   بخش 3: کارت‌های آمار سریع (بالای جداول)
   ============================================ */

.affwp-tab-content .stats-cards {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important;
    gap: 16px !important;
    margin-bottom: 24px !important;
}

.affwp-tab-content .stats-card {
    background: rgba(123, 48, 123, 0.02) !important;
    border: 1px solid rgba(123, 48, 123, 0.04) !important;
    border-radius: 14px !important;
    padding: 16px 20px !important;
    text-align: center !important;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}

.affwp-tab-content .stats-card:hover {
    background: rgba(123, 48, 123, 0.04) !important;
    border-color: rgba(123, 48, 123, 0.08) !important;
    transform: translateY(-4px) !important;
    box-shadow: 0 8px 30px rgba(123, 48, 123, 0.04) !important;
}

.affwp-tab-content .stats-card .stats-number {
    font-size: 28px !important;
    font-weight: 800 !important;
    color: #7B307B !important;
    display: block !important;
    line-height: 1.2 !important;
}

.affwp-tab-content .stats-card .stats-label {
    font-size: 13px !important;
    color: #4A4A4A !important;
    font-weight: 500 !important;
    margin-top: 4px !important;
    display: block !important;
}

/* ============================================
   بخش 4: جدول اصلی
   ============================================ */

.affwp-tab-content table.affwp-table {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    margin: 16px 0 20px 0 !important;
    direction: rtl !important;
    text-align: right !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.02) !important;
    border: 1px solid rgba(123, 48, 123, 0.04) !important;
}

/* ===== سربرگ جدول ===== */
.affwp-tab-content table.affwp-table thead {
    background: linear-gradient(135deg, rgba(123, 48, 123, 0.03), rgba(123, 48, 123, 0.01)) !important;
}

.affwp-tab-content table.affwp-table thead th {
    padding: 14px 18px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #1E1E1E !important;
    text-align: right !important;
    border-bottom: 2px solid rgba(123, 48, 123, 0.08) !important;
    position: relative !important;
    letter-spacing: -0.2px !important;
}

.affwp-tab-content table.affwp-table thead th::after {
    content: '';
    position: absolute;
    bottom: -2px;
    right: 50%;
    transform: translateX(50%) scaleX(0);
    width: 80%;
    height: 2px;
    background: linear-gradient(90deg, #7B307B, #9E4A9E);
    border-radius: 10px;
    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.affwp-tab-content table.affwp-table thead th:hover::after {
    transform: translateX(50%) scaleX(1);
}

/* ===== بدنه جدول ===== */
.affwp-tab-content table.affwp-table tbody tr {
    transition: all 0.3s ease !important;
    border-bottom: 1px solid rgba(123, 48, 123, 0.03) !important;
}

.affwp-tab-content table.affwp-table tbody tr:last-child {
    border-bottom: none !important;
}

.affwp-tab-content table.affwp-table tbody tr:hover {
    background: rgba(123, 48, 123, 0.02) !important;
}

.affwp-tab-content table.affwp-table tbody td {
    padding: 12px 18px !important;
    font-size: 14px !important;
    color: #4A4A4A !important;
    text-align: right !important;
    vertical-align: middle !important;
    font-weight: 500 !important;
}

/* ===== سلول‌های عددی ===== */
.affwp-tab-content table.affwp-table tbody td:not(:first-child) {
    font-weight: 600 !important;
    color: #1E1E1E !important;
}

/* ===== هایلایت اعداد مهم ===== */
.affwp-tab-content table.affwp-table tbody td:first-child {
    color: #7B307B !important;
    font-weight: 700 !important;
}

/* ============================================
   بخش 5: پیام خالی بودن جدول
   ============================================ */

.affwp-tab-content .affwp-table-no-data {
    text-align: center !important;
    padding: 30px 20px !important;
    color: #B0B0B8 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    background: rgba(123, 48, 123, 0.01) !important;
    border-radius: 0 !important;
}

.affwp-tab-content .affwp-table-no-data::before {
    content: '📊 ';
    font-size: 18px !important;
    margin-left: 8px !important;
}

/* ============================================
   بخش 6: کارت‌های خلاصه آمار (بالای جدول)
   ============================================ */

.affwp-tab-content .summary-cards {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
    gap: 14px !important;
    margin-bottom: 22px !important;
}

.affwp-tab-content .summary-card {
    background: #FFFFFF !important;
    border: 1px solid rgba(123, 48, 123, 0.04) !important;
    border-radius: 14px !important;
    padding: 18px 22px !important;
    text-align: center !important;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.02) !important;
}

.affwp-tab-content .summary-card:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 40px rgba(123, 48, 123, 0.04) !important;
    border-color: rgba(123, 48, 123, 0.08) !important;
}

.affwp-tab-content .summary-card .card-icon {
    font-size: 24px !important;
    display: block !important;
    margin-bottom: 4px !important;
}

.affwp-tab-content .summary-card .card-value {
    font-size: 26px !important;
    font-weight: 800 !important;
    color: #7B307B !important;
    display: block !important;
    line-height: 1.3 !important;
}

.affwp-tab-content .summary-card .card-label {
    font-size: 13px !important;
    color: #4A4A4A !important;
    font-weight: 500 !important;
    display: block !important;
    margin-top: 2px !important;
}

/* ============================================
   بخش 7: ریسپانسیو - موبایل
   ============================================ */

@media screen and (max-width: 768px) {
    /* عنوان */
    .affwp-tab-content h4 {
        font-size: 18px !important;
        padding-right: 14px !important;
        margin-bottom: 16px !important;
    }
    
    .affwp-tab-content h4::before {
        height: 22px !important;
    }
    
    /* کارت‌های خلاصه */
    .affwp-tab-content .summary-cards {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
    }
    
    .affwp-tab-content .summary-card {
        padding: 14px 12px !important;
    }
    
    .affwp-tab-content .summary-card .card-value {
        font-size: 20px !important;
    }
    
    .affwp-tab-content .summary-card .card-label {
        font-size: 11px !important;
    }
    
    .affwp-tab-content .summary-card .card-icon {
        font-size: 20px !important;
    }
    
    /* جدول - تبدیل به کارت */
    .affwp-tab-content table.affwp-table {
        border-radius: 12px !important;
        border: none !important;
        box-shadow: none !important;
    }
    
    .affwp-tab-content table.affwp-table thead {
        display: none !important;
    }
    
    .affwp-tab-content table.affwp-table tbody tr {
        display: block !important;
        background: #FFFFFF !important;
        border: 1px solid rgba(123, 48, 123, 0.04) !important;
        border-radius: 12px !important;
        padding: 14px 16px !important;
        margin-bottom: 12px !important;
        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.02) !important;
        transition: all 0.3s ease !important;
    }
    
    .affwp-tab-content table.affwp-table tbody tr:hover {
        transform: translateY(-2px) !important;
        box-shadow: 0 8px 30px rgba(123, 48, 123, 0.04) !important;
        border-color: rgba(123, 48, 123, 0.08) !important;
    }
    
    .affwp-tab-content table.affwp-table tbody tr:last-child {
        margin-bottom: 0 !important;
    }
    
    .affwp-tab-content table.affwp-table tbody td {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        padding: 6px 0 !important;
        border-bottom: 1px solid rgba(123, 48, 123, 0.02) !important;
        text-align: right !important;
        font-size: 13px !important;
    }
    
    .affwp-tab-content table.affwp-table tbody td:last-child {
        border-bottom: none !important;
    }
    
    .affwp-tab-content table.affwp-table tbody td::before {
        content: attr(data-th) !important;
        font-weight: 700 !important;
        color: #1E1E1E !important;
        font-size: 12.5px !important;
        margin-left: 12px !important;
        flex-shrink: 0 !important;
    }
    
    .affwp-tab-content table.affwp-table tbody td:first-child {
        color: #7B307B !important;
    }
    
    .affwp-tab-content table.affwp-table tbody td:first-child::before {
        color: #1E1E1E !important;
    }
    
    /* پیام خالی */
    .affwp-tab-content .affwp-table-no-data {
        padding: 20px 16px !important;
        font-size: 13px !important;
        display: block !important;
        text-align: center !important;
    }
    
    .affwp-tab-content .affwp-table-no-data::before {
        font-size: 16px !important;
    }
}

/* ============================================
   بخش 8: ریسپانسیو - تبلت
   ============================================ */

@media screen and (min-width: 769px) and (max-width: 1024px) {
    .affwp-tab-content h4 {
        font-size: 20px !important;
    }
    
    .affwp-tab-content .summary-cards {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    
    .affwp-tab-content table.affwp-table thead th {
        font-size: 13px !important;
        padding: 12px 14px !important;
    }
    
    .affwp-tab-content table.affwp-table tbody td {
        font-size: 13px !important;
        padding: 10px 14px !important;
    }
}

/* ============================================
   بخش 9: حالت دارک
   ============================================ */

.dark .affwp-tab-content h4 {
    color: #F6F5F8 !important;
}

.dark .affwp-tab-content table.affwp-table {
    border-color: rgba(123, 48, 123, 0.06) !important;
    background: rgba(30, 30, 30, 0.95) !important;
}

.dark .affwp-tab-content table.affwp-table thead {
    background: rgba(255, 255, 255, 0.02) !important;
}

.dark .affwp-tab-content table.affwp-table thead th {
    color: #F6F5F8 !important;
    border-bottom-color: rgba(123, 48, 123, 0.08) !important;
}

.dark .affwp-tab-content table.affwp-table tbody tr {
    border-bottom-color: rgba(123, 48, 123, 0.04) !important;
}

.dark .affwp-tab-content table.affwp-table tbody tr:hover {
    background: rgba(255, 255, 255, 0.01) !important;
}

.dark .affwp-tab-content table.affwp-table tbody td {
    color: #B0B0B8 !important;
}

.dark .affwp-tab-content table.affwp-table tbody td:first-child {
    color: #C084C0 !important;
}

.dark .affwp-tab-content table.affwp-table tbody td:not(:first-child) {
    color: #D1D1D6 !important;
}

.dark .affwp-tab-content .summary-card {
    background: rgba(30, 30, 30, 0.95) !important;
    border-color: rgba(123, 48, 123, 0.06) !important;
}

.dark .affwp-tab-content .summary-card .card-value {
    color: #C084C0 !important;
}

.dark .affwp-tab-content .summary-card .card-label {
    color: #A0A0A8 !important;
}

.dark .affwp-tab-content .stats-card {
    background: rgba(255, 255, 255, 0.01) !important;
    border-color: rgba(123, 48, 123, 0.06) !important;
}

.dark .affwp-tab-content .stats-card .stats-number {
    color: #C084C0 !important;
}

.dark .affwp-tab-content .stats-card .stats-label {
    color: #A0A0A8 !important;
}

.dark .affwp-tab-content .affwp-table-no-data {
    color: #787880 !important;
    background: rgba(255, 255, 255, 0.01) !important;
}

/* ============================================
   بخش 10: ریسپانسیو - موبایل (دارک)
   ============================================ */

@media screen and (max-width: 768px) {
    .dark .affwp-tab-content table.affwp-table tbody tr {
        background: rgba(30, 30, 30, 0.95) !important;
        border-color: rgba(123, 48, 123, 0.06) !important;
    }
    
    .dark .affwp-tab-content table.affwp-table tbody td {
        border-bottom-color: rgba(123, 48, 123, 0.04) !important;
    }
    
    .dark .affwp-tab-content table.affwp-table tbody td::before {
        color: #D1D1D6 !important;
    }
}

/* ============================================
   بخش 11: استایل اسکرول‌بار برای جداول
   ============================================ */

.affwp-tab-content table.affwp-table::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

.affwp-tab-content table.affwp-table::-webkit-scrollbar-track {
    background: transparent;
}

.affwp-tab-content table.affwp-table::-webkit-scrollbar-thumb {
    background: rgba(123, 48, 123, 0.15);
    border-radius: 10px;
}

.affwp-tab-content table.affwp-table::-webkit-scrollbar-thumb:hover {
    background: rgba(123, 48, 123, 0.25);
}

/* ============================================
   بخش 12: انیمیشن ورود ردیف‌های جدول
   ============================================ */

.affwp-tab-content table.affwp-table tbody tr {
    animation: rowFade 0.4s ease forwards;
    opacity: 0;
}

.affwp-tab-content table.affwp-table tbody tr:nth-child(1) { animation-delay: 0.05s; }
.affwp-tab-content table.affwp-table tbody tr:nth-child(2) { animation-delay: 0.08s; }
.affwp-tab-content table.affwp-table tbody tr:nth-child(3) { animation-delay: 0.11s; }
.affwp-tab-content table.affwp-table tbody tr:nth-child(4) { animation-delay: 0.14s; }

@keyframes rowFade {
    0% {
        opacity: 0;
        transform: translateY(-8px) scale(0.98);
    }
    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

/* ============================================
   بخش 13: استایل بهبود یافته برای اعداد
   ============================================ */

.affwp-tab-content .amount {
    color: #7B307B !important;
    font-weight: 700 !important;
}

.dark .affwp-tab-content .amount {
    color: #C084C0 !important;
}

/* ============================================
   بخش 14: استایل برای نرخ تبدیل
   ============================================ */

.affwp-tab-content .conversion-rate {
    display: inline-block !important;
    background: rgba(123, 48, 123, 0.04) !important;
    padding: 2px 12px !important;
    border-radius: 20px !important;
    font-weight: 700 !important;
    color: #7B307B !important;
    font-size: 13px !important;
}

.dark .affwp-tab-content .conversion-rate {
    background: rgba(123, 48, 123, 0.08) !important;
    color: #C084C0 !important;
}
/* ============================================
   استایل اختصاصی بخش نمودارهای بازاریابی
   کاملاً ریسپانسیو - راست‌چین (RTL)
   هارمونی با پالت بنفش
   ============================================ */

/* ============================================
   بخش 1: کانتینر اصلی
   ============================================ */

#affwp-affiliate-dashboard-graphs {
    animation: contentFade 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    direction: rtl !important;
    text-align: right !important;
}

@keyframes contentFade {
    0% {
        opacity: 0;
        transform: translateY(15px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ============================================
   بخش 2: عنوان
   ============================================ */

#affwp-affiliate-dashboard-graphs h4 {
    font-size: 22px !important;
    font-weight: 800 !important;
    color: #1E1E1E !important;
    margin: 0 0 22px 0 !important;
    padding-right: 18px !important;
    position: relative !important;
    letter-spacing: -0.5px !important;
    text-align: right !important;
    display: inline-block !important;
}

#affwp-affiliate-dashboard-graphs h4::before {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 28px;
    background: linear-gradient(180deg, #7B307B, #9E4A9E);
    border-radius: 10px;
}

/* ============================================
   بخش 3: فرم فیلتر نمودار
   ============================================ */

#affwp-graphs-filter {
    background: rgba(123, 48, 123, 0.01) !important;
    border: 1px solid rgba(123, 48, 123, 0.04) !important;
    border-radius: 16px !important;
    padding: 18px 22px !important;
    margin-bottom: 24px !important;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}

#affwp-graphs-filter:hover {
    border-color: rgba(123, 48, 123, 0.06) !important;
    box-shadow: 0 4px 20px rgba(123, 48, 123, 0.02) !important;
}

#affwp-graphs-filter .tablenav {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 12px !important;
}

/* ============================================
   بخش 4: سلکت‌ها و فیلدهای فرم
   ============================================ */

#affwp-graphs-filter select {
    padding: 10px 16px !important;
    border: 2px solid #E8E5F0 !important;
    border-radius: 10px !important;
    font-size: 14px !important;
    color: #1E1E1E !important;
    background: #FFFFFF !important;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    min-width: 140px !important;
    cursor: pointer !important;
    font-family: inherit !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%237B307B' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: left 12px center !important;
    padding-left: 36px !important;
}

#affwp-graphs-filter select:focus {
    border-color: #7B307B !important;
    box-shadow: 0 0 0 4px rgba(123, 48, 123, 0.04) !important;
    outline: none !important;
}

#affwp-graphs-filter select:hover {
    border-color: rgba(123, 48, 123, 0.2) !important;
}

/* ============================================
   بخش 5: فیلدهای تاریخ
   ============================================ */

#affwp-date-range-options {
    display: none !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
    margin-top: 8px !important;
}

#affwp-date-range-options.visible {
    display: flex !important;
}

#affwp-date-range-options .affwp-search-date {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
}

#affwp-date-range-options .affwp-search-date span {
    font-weight: 600 !important;
    color: #1E1E1E !important;
    font-size: 14px !important;
}

#affwp-date-range-options input[type="text"] {
    padding: 10px 14px !important;
    border: 2px solid #E8E5F0 !important;
    border-radius: 10px !important;
    font-size: 13px !important;
    color: #1E1E1E !important;
    background: #FFFFFF !important;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    width: 120px !important;
    text-align: center !important;
    font-family: inherit !important;
}

#affwp-date-range-options input[type="text"]:focus {
    border-color: #7B307B !important;
    box-shadow: 0 0 0 4px rgba(123, 48, 123, 0.04) !important;
    outline: none !important;
}

#affwp-date-range-options input[type="text"]::placeholder {
    color: #B0B0B8 !important;
}

/* ============================================
   بخش 6: دکمه صافی
   ============================================ */

#affwp-graphs-filter input[type="submit"] {
    background: linear-gradient(135deg, #7B307B, #6A2A6A) !important;
    color: #FFFFFF !important;
    border: none !important;
    padding: 10px 28px !important;
    border-radius: 10px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    box-shadow: 0 4px 16px rgba(123, 48, 123, 0.15) !important;
    position: relative !important;
    overflow: hidden !important;
    min-height: 44px !important;
}

/* افکت ریپل روی دکمه */
#affwp-graphs-filter input[type="submit"]::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: width 0.8s, height 0.8s;
}

#affwp-graphs-filter input[type="submit"]:hover::before {
    width: 400px;
    height: 400px;
}

#affwp-graphs-filter input[type="submit"]:hover {
    background: linear-gradient(135deg, #5A235A, #4A1A4A) !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 30px rgba(123, 48, 123, 0.25) !important;
}

#affwp-graphs-filter input[type="submit"]:active {
    transform: translateY(0) scale(0.97) !important;
}

/* ============================================
   بخش 7: کانتینر نمودار
   ============================================ */

#affwp-graph-bce1679791cd4cf13e9d7c03bb2ea32e,
.affwp-graph {
    background: #FFFFFF !important;
    border-radius: 16px !important;
    padding: 20px 20px 10px 20px !important;
    border: 1px solid rgba(123, 48, 123, 0.04) !important;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.02) !important;
    height: auto !important;
    min-height: 300px !important;
    width: 100% !important;
    position: relative !important;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}

#affwp-graph-bce1679791cd4cf13e9d7c03bb2ea32e:hover,
.affwp-graph:hover {
    border-color: rgba(123, 48, 123, 0.06) !important;
    box-shadow: 0 8px 40px rgba(123, 48, 123, 0.04) !important;
}

#affwp-graph-bce1679791cd4cf13e9d7c03bb2ea32e canvas {
    border-radius: 12px !important;
    width: 100% !important;
    height: auto !important;
}

/* ============================================
   بخش 8: استایل لِجِند (راهنما)
   ============================================ */

.affwp-graph .legend {
    font-family: inherit !important;
}

.affwp-graph .legend table {
    background: rgba(255, 255, 255, 0.95) !important;
    border-radius: 12px !important;
    padding: 8px 12px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(123, 48, 123, 0.04) !important;
    direction: rtl !important;
}

.affwp-graph .legend table td {
    padding: 4px 6px !important;
    font-size: 12px !important;
    color: #1E1E1E !important;
    font-weight: 500 !important;
}

.affwp-graph .legendColorBox div {
    border-radius: 4px !important;
    overflow: hidden !important;
}

.affwp-graph .legendColorBox div div {
    border-radius: 3px !important;
}

/* ============================================
   بخش 9: استایل محورهای نمودار
   ============================================ */

.affwp-graph .tickLabels {
    font-family: inherit !important;
}

.affwp-graph .tickLabels .xAxis,
.affwp-graph .tickLabels .yAxis {
    color: #4A4A4A !important;
    font-size: 11px !important;
    font-weight: 500 !important;
}

.affwp-graph .tickLabels .tickLabel {
    color: #4A4A4A !important;
    font-size: 11px !important;
}

/* ============================================
   بخش 10: حالت خالی (بدون داده)
   ============================================ */

.affwp-graph .affwp-graph-empty {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 200px !important;
    color: #B0B0B8 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    background: rgba(123, 48, 123, 0.01) !important;
    border-radius: 12px !important;
}

.affwp-graph .affwp-graph-empty::before {
    content: '📊 ';
    font-size: 22px !important;
    margin-left: 10px !important;
}

/* ============================================
   بخش 11: ریسپانسیو - موبایل
   ============================================ */

@media screen and (max-width: 768px) {
    /* عنوان */
    #affwp-affiliate-dashboard-graphs h4 {
        font-size: 18px !important;
        padding-right: 14px !important;
        margin-bottom: 16px !important;
    }
    
    #affwp-affiliate-dashboard-graphs h4::before {
        height: 22px !important;
    }
    
    /* فرم فیلتر */
    #affwp-graphs-filter {
        padding: 14px 16px !important;
        border-radius: 12px !important;
    }
    
    #affwp-graphs-filter .tablenav {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 10px !important;
    }
    
    #affwp-graphs-filter select {
        width: 100% !important;
        min-width: unset !important;
        padding: 10px 14px !important;
        font-size: 13px !important;
    }
    
    /* فیلدهای تاریخ */
    #affwp-date-range-options {
        flex-direction: column !important;
        align-items: stretch !important;
        width: 100% !important;
    }
    
    #affwp-date-range-options .affwp-search-date {
        flex-direction: column !important;
        align-items: stretch !important;
        width: 100% !important;
    }
    
    #affwp-date-range-options .affwp-search-date span {
        font-size: 13px !important;
        text-align: center !important;
    }
    
    #affwp-date-range-options input[type="text"] {
        width: 100% !important;
        padding: 10px 14px !important;
        font-size: 13px !important;
        text-align: center !important;
    }
    
    /* دکمه صافی */
    #affwp-graphs-filter input[type="submit"] {
        width: 100% !important;
        padding: 12px !important;
        font-size: 14px !important;
        min-height: 44px !important;
    }
    
    #affwp-graphs-filter input[type="submit"]::before {
        display: none !important;
    }
    
    /* کانتینر نمودار */
    #affwp-graph-bce1679791cd4cf13e9d7c03bb2ea32e,
    .affwp-graph {
        padding: 12px 10px 8px 10px !important;
        border-radius: 12px !important;
        min-height: 220px !important;
    }
    
    #affwp-graph-bce1679791cd4cf13e9d7c03bb2ea32e canvas {
        height: 220px !important;
    }
    
    /* لِجِند */
    .affwp-graph .legend table {
        padding: 4px 8px !important;
        font-size: 10px !important;
    }
    
    .affwp-graph .legend table td {
        font-size: 10px !important;
        padding: 2px 4px !important;
    }
    
    .affwp-graph .legend table td .legendColorBox div {
        width: 8px !important;
        height: 8px !important;
    }
    
    /* محورها */
    .affwp-graph .tickLabels .tickLabel {
        font-size: 9px !important;
    }
    
    .affwp-graph .tickLabels .xAxis,
    .affwp-graph .tickLabels .yAxis {
        font-size: 9px !important;
    }
}

/* ============================================
   بخش 12: ریسپانسیو - تبلت
   ============================================ */

@media screen and (min-width: 769px) and (max-width: 1024px) {
    #affwp-affiliate-dashboard-graphs h4 {
        font-size: 20px !important;
    }
    
    #affwp-graphs-filter {
        padding: 16px 18px !important;
    }
    
    #affwp-graphs-filter select {
        min-width: 120px !important;
        font-size: 13px !important;
    }
    
    #affwp-date-range-options input[type="text"] {
        width: 100px !important;
    }
    
    #affwp-graph-bce1679791cd4cf13e9d7c03bb2ea32e,
    .affwp-graph {
        min-height: 260px !important;
    }
    
    #affwp-graph-bce1679791cd4cf13e9d7c03bb2ea32e canvas {
        height: 260px !important;
    }
}

/* ============================================
   بخش 13: حالت دارک
   ============================================ */

.dark #affwp-affiliate-dashboard-graphs h4 {
    color: #F6F5F8 !important;
}

.dark #affwp-graphs-filter {
    background: rgba(30, 30, 30, 0.95) !important;
    border-color: rgba(123, 48, 123, 0.06) !important;
}

.dark #affwp-graphs-filter select {
    background: rgba(30, 30, 30, 0.8) !important;
    border-color: rgba(123, 48, 123, 0.06) !important;
    color: #D1D1D6 !important;
}

.dark #affwp-graphs-filter select:focus {
    border-color: #7B307B !important;
    box-shadow: 0 0 0 4px rgba(123, 48, 123, 0.06) !important;
}

.dark #affwp-graphs-filter select option {
    background: #1E1E1E !important;
    color: #D1D1D6 !important;
}

.dark #affwp-date-range-options input[type="text"] {
    background: rgba(30, 30, 30, 0.8) !important;
    border-color: rgba(123, 48, 123, 0.06) !important;
    color: #D1D1D6 !important;
}

.dark #affwp-date-range-options input[type="text"]:focus {
    border-color: #7B307B !important;
    box-shadow: 0 0 0 4px rgba(123, 48, 123, 0.06) !important;
}

.dark #affwp-date-range-options input[type="text"]::placeholder {
    color: #666670 !important;
}

.dark #affwp-date-range-options .affwp-search-date span {
    color: #D1D1D6 !important;
}

.dark #affwp-graph-bce1679791cd4cf13e9d7c03bb2ea32e,
.dark .affwp-graph {
    background: rgba(30, 30, 30, 0.95) !important;
    border-color: rgba(123, 48, 123, 0.06) !important;
}

.dark .affwp-graph .legend table {
    background: rgba(30, 30, 30, 0.95) !important;
    border-color: rgba(123, 48, 123, 0.06) !important;
}

.dark .affwp-graph .legend table td {
    color: #D1D1D6 !important;
}

.dark .affwp-graph .tickLabels .tickLabel {
    color: #B0B0B8 !important;
}

.dark .affwp-graph .tickLabels .xAxis,
.dark .affwp-graph .tickLabels .yAxis {
    color: #B0B0B8 !important;
}

.dark .affwp-graph .affwp-graph-empty {
    color: #787880 !important;
}

/* ============================================
   بخش 14: بهبود دسترسی
   ============================================ */

#affwp-graphs-filter select:focus-visible,
#affwp-date-range-options input[type="text"]:focus-visible {
    outline: 2px solid #7B307B !important;
    outline-offset: 2px !important;
}

#affwp-graphs-filter input[type="submit"]:focus-visible {
    outline: 3px solid #7B307B !important;
    outline-offset: 4px !important;
}

/* ============================================
   بخش 15: انیمیشن بارگذاری نمودار
   ============================================ */

#affwp-graph-bce1679791cd4cf13e9d7c03bb2ea32e,
.affwp-graph {
    animation: graphAppear 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

@keyframes graphAppear {
    0% {
        opacity: 0;
        transform: scale(0.98) translateY(10px);
    }
    100% {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

/* ============================================
   بخش 16: استایل نشانگر لودینگ
   ============================================ */

.affwp-graph .graph-loading {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 200px !important;
    color: #7B307B !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}

.affwp-graph .graph-loading::after {
    content: '';
    width: 24px;
    height: 24px;
    border: 3px solid rgba(123, 48, 123, 0.1);
    border-top-color: #7B307B;
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
    margin-right: 12px;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* ============================================
   بخش 17: استایل بهبود یافته برای نمودار در موبایل
   ============================================ */

@media screen and (max-width: 480px) {
    .affwp-graph .legend table td {
        font-size: 9px !important;
        padding: 1px 3px !important;
    }
    
    .affwp-graph .legend table td .legendColorBox div {
        width: 6px !important;
        height: 6px !important;
    }
    
    #affwp-graph-bce1679791cd4cf13e9d7c03bb2ea32e,
    .affwp-graph {
        min-height: 180px !important;
        padding: 8px 6px 6px 6px !important;
    }
    
    #affwp-graph-bce1679791cd4cf13e9d7c03bb2ea32e canvas {
        height: 180px !important;
    }
}
/* ============================================
   استایل اختصاصی بخش لیست ارجاع‌ها
   کاملاً ریسپانسیو - راست‌چین (RTL)
   هارمونی با پالت بنفش
   ============================================ */

/* ============================================
   بخش 1: کانتینر اصلی
   ============================================ */

#affwp-affiliate-dashboard-referrals {
    animation: contentFade 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    direction: rtl !important;
    text-align: right !important;
}

@keyframes contentFade {
    0% {
        opacity: 0;
        transform: translateY(15px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ============================================
   بخش 2: عنوان
   ============================================ */

#affwp-affiliate-dashboard-referrals h4 {
    font-size: 22px !important;
    font-weight: 800 !important;
    color: #1E1E1E !important;
    margin: 0 0 22px 0 !important;
    padding-right: 18px !important;
    position: relative !important;
    letter-spacing: -0.5px !important;
    text-align: right !important;
    display: inline-block !important;
}

#affwp-affiliate-dashboard-referrals h4::before {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 28px;
    background: linear-gradient(180deg, #7B307B, #9E4A9E);
    border-radius: 10px;
}

/* ============================================
   بخش 3: کارت‌های خلاصه آمار (بالای جدول)
   ============================================ */

#affwp-affiliate-dashboard-referrals .referral-summary {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)) !important;
    gap: 14px !important;
    margin-bottom: 22px !important;
}

#affwp-affiliate-dashboard-referrals .referral-summary .summary-item {
    background: #FFFFFF !important;
    border: 1px solid rgba(123, 48, 123, 0.04) !important;
    border-radius: 14px !important;
    padding: 16px 20px !important;
    text-align: center !important;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.02) !important;
}

#affwp-affiliate-dashboard-referrals .referral-summary .summary-item:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 40px rgba(123, 48, 123, 0.04) !important;
    border-color: rgba(123, 48, 123, 0.08) !important;
}

#affwp-affiliate-dashboard-referrals .referral-summary .summary-item .summary-icon {
    font-size: 22px !important;
    display: block !important;
    margin-bottom: 2px !important;
}

#affwp-affiliate-dashboard-referrals .referral-summary .summary-item .summary-number {
    font-size: 24px !important;
    font-weight: 800 !important;
    color: #7B307B !important;
    display: block !important;
    line-height: 1.3 !important;
}

#affwp-affiliate-dashboard-referrals .referral-summary .summary-item .summary-label {
    font-size: 12px !important;
    color: #4A4A4A !important;
    font-weight: 500 !important;
    display: block !important;
    margin-top: 2px !important;
}

/* ============================================
   بخش 4: جدول اصلی
   ============================================ */

#affwp-affiliate-dashboard-referrals table.affwp-table {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    margin: 0 0 20px 0 !important;
    direction: rtl !important;
    text-align: right !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.02) !important;
    border: 1px solid rgba(123, 48, 123, 0.04) !important;
}

/* ===== سربرگ جدول ===== */
#affwp-affiliate-dashboard-referrals table.affwp-table thead {
    background: linear-gradient(135deg, rgba(123, 48, 123, 0.03), rgba(123, 48, 123, 0.01)) !important;
}

#affwp-affiliate-dashboard-referrals table.affwp-table thead th {
    padding: 14px 18px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #1E1E1E !important;
    text-align: right !important;
    border-bottom: 2px solid rgba(123, 48, 123, 0.08) !important;
    position: relative !important;
    letter-spacing: -0.2px !important;
    white-space: nowrap !important;
}

#affwp-affiliate-dashboard-referrals table.affwp-table thead th::after {
    content: '';
    position: absolute;
    bottom: -2px;
    right: 50%;
    transform: translateX(50%) scaleX(0);
    width: 60%;
    height: 2px;
    background: linear-gradient(90deg, #7B307B, #9E4A9E);
    border-radius: 10px;
    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

#affwp-affiliate-dashboard-referrals table.affwp-table thead th:hover::after {
    transform: translateX(50%) scaleX(1);
}

/* ===== بدنه جدول ===== */
#affwp-affiliate-dashboard-referrals table.affwp-table tbody tr {
    transition: all 0.3s ease !important;
    border-bottom: 1px solid rgba(123, 48, 123, 0.03) !important;
    animation: rowFade 0.4s ease forwards;
    opacity: 0;
}

#affwp-affiliate-dashboard-referrals table.affwp-table tbody tr:nth-child(1) { animation-delay: 0.05s; }
#affwp-affiliate-dashboard-referrals table.affwp-table tbody tr:nth-child(2) { animation-delay: 0.08s; }
#affwp-affiliate-dashboard-referrals table.affwp-table tbody tr:nth-child(3) { animation-delay: 0.11s; }
#affwp-affiliate-dashboard-referrals table.affwp-table tbody tr:nth-child(4) { animation-delay: 0.14s; }
#affwp-affiliate-dashboard-referrals table.affwp-table tbody tr:nth-child(5) { animation-delay: 0.17s; }

@keyframes rowFade {
    0% {
        opacity: 0;
        transform: translateY(-8px) scale(0.98);
    }
    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

#affwp-affiliate-dashboard-referrals table.affwp-table tbody tr:last-child {
    border-bottom: none !important;
}

#affwp-affiliate-dashboard-referrals table.affwp-table tbody tr:hover {
    background: rgba(123, 48, 123, 0.02) !important;
}

#affwp-affiliate-dashboard-referrals table.affwp-table tbody td {
    padding: 12px 18px !important;
    font-size: 14px !important;
    color: #4A4A4A !important;
    text-align: right !important;
    vertical-align: middle !important;
}

/* ============================================
   بخش 5: ستون مبلغ
   ============================================ */

#affwp-affiliate-dashboard-referrals table.affwp-table tbody td.referral-amount {
    font-weight: 700 !important;
    color: #7B307B !important;
}

/* ============================================
   بخش 6: وضعیت ارجاع
   ============================================ */

#affwp-affiliate-dashboard-referrals table.affwp-table tbody td .status {
    display: inline-block !important;
    padding: 4px 14px !important;
    border-radius: 20px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.3px !important;
    text-align: center !important;
    min-width: 60px !important;
}

/* وضعیت‌های مختلف */
#affwp-affiliate-dashboard-referrals table.affwp-table tbody td .status-unpaid {
    background: rgba(255, 193, 7, 0.1) !important;
    color: #F59E0B !important;
    border: 1px solid rgba(255, 193, 7, 0.15) !important;
}

#affwp-affiliate-dashboard-referrals table.affwp-table tbody td .status-paid {
    background: rgba(76, 175, 80, 0.1) !important;
    color: #4CAF50 !important;
    border: 1px solid rgba(76, 175, 80, 0.15) !important;
}

#affwp-affiliate-dashboard-referrals table.affwp-table tbody td .status-pending {
    background: rgba(33, 150, 243, 0.1) !important;
    color: #2196F3 !important;
    border: 1px solid rgba(33, 150, 243, 0.15) !important;
}

#affwp-affiliate-dashboard-referrals table.affwp-table tbody td .status-rejected {
    background: rgba(244, 67, 54, 0.1) !important;
    color: #F44336 !important;
    border: 1px solid rgba(244, 67, 54, 0.15) !important;
}

/* ============================================
   بخش 7: پیام خالی بودن جدول
   ============================================ */

#affwp-affiliate-dashboard-referrals .affwp-table-no-data {
    text-align: center !important;
    padding: 40px 20px !important;
    color: #B0B0B8 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    background: rgba(123, 48, 123, 0.01) !important;
    border-radius: 0 !important;
    display: block !important;
}

#affwp-affiliate-dashboard-referrals .affwp-table-no-data::before {
    content: '📋 ';
    font-size: 20px !important;
    margin-left: 10px !important;
}

/* ============================================
   بخش 8: ریسپانسیو - موبایل
   ============================================ */

@media screen and (max-width: 768px) {
    /* عنوان */
    #affwp-affiliate-dashboard-referrals h4 {
        font-size: 18px !important;
        padding-right: 14px !important;
        margin-bottom: 16px !important;
    }
    
    #affwp-affiliate-dashboard-referrals h4::before {
        height: 22px !important;
    }
    
    /* کارت‌های خلاصه */
    #affwp-affiliate-dashboard-referrals .referral-summary {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
        margin-bottom: 16px !important;
    }
    
    #affwp-affiliate-dashboard-referrals .referral-summary .summary-item {
        padding: 12px 14px !important;
    }
    
    #affwp-affiliate-dashboard-referrals .referral-summary .summary-item .summary-number {
        font-size: 20px !important;
    }
    
    #affwp-affiliate-dashboard-referrals .referral-summary .summary-item .summary-label {
        font-size: 11px !important;
    }
    
    #affwp-affiliate-dashboard-referrals .referral-summary .summary-item .summary-icon {
        font-size: 18px !important;
    }
    
    /* جدول - تبدیل به کارت */
    #affwp-affiliate-dashboard-referrals table.affwp-table {
        border-radius: 12px !important;
        border: none !important;
        box-shadow: none !important;
    }
    
    #affwp-affiliate-dashboard-referrals table.affwp-table thead {
        display: none !important;
    }
    
    #affwp-affiliate-dashboard-referrals table.affwp-table tbody tr {
        display: block !important;
        background: #FFFFFF !important;
        border: 1px solid rgba(123, 48, 123, 0.04) !important;
        border-radius: 12px !important;
        padding: 14px 16px !important;
        margin-bottom: 12px !important;
        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.02) !important;
        transition: all 0.3s ease !important;
    }
    
    #affwp-affiliate-dashboard-referrals table.affwp-table tbody tr:hover {
        transform: translateY(-2px) !important;
        box-shadow: 0 8px 30px rgba(123, 48, 123, 0.04) !important;
        border-color: rgba(123, 48, 123, 0.08) !important;
    }
    
    #affwp-affiliate-dashboard-referrals table.affwp-table tbody tr:last-child {
        margin-bottom: 0 !important;
    }
    
    #affwp-affiliate-dashboard-referrals table.affwp-table tbody td {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        padding: 6px 0 !important;
        border-bottom: 1px solid rgba(123, 48, 123, 0.02) !important;
        text-align: right !important;
        font-size: 13px !important;
    }
    
    #affwp-affiliate-dashboard-referrals table.affwp-table tbody td:last-child {
        border-bottom: none !important;
    }
    
    #affwp-affiliate-dashboard-referrals table.affwp-table tbody td::before {
        content: attr(data-th) !important;
        font-weight: 700 !important;
        color: #1E1E1E !important;
        font-size: 12.5px !important;
        margin-left: 12px !important;
        flex-shrink: 0 !important;
    }
    
    /* ستون مبلغ */
    #affwp-affiliate-dashboard-referrals table.affwp-table tbody td.referral-amount {
        color: #7B307B !important;
    }
    
    #affwp-affiliate-dashboard-referrals table.affwp-table tbody td.referral-amount::before {
        color: #1E1E1E !important;
    }
    
    /* وضعیت */
    #affwp-affiliate-dashboard-referrals table.affwp-table tbody td .status {
        font-size: 11px !important;
        padding: 3px 12px !important;
        min-width: 50px !important;
    }
    
    /* پیام خالی */
    #affwp-affiliate-dashboard-referrals .affwp-table-no-data {
        padding: 30px 16px !important;
        font-size: 13px !important;
        display: block !important;
        text-align: center !important;
    }
    
    #affwp-affiliate-dashboard-referrals .affwp-table-no-data::before {
        font-size: 18px !important;
    }
}

/* ============================================
   بخش 9: ریسپانسیو - تبلت
   ============================================ */

@media screen and (min-width: 769px) and (max-width: 1024px) {
    #affwp-affiliate-dashboard-referrals h4 {
        font-size: 20px !important;
    }
    
    #affwp-affiliate-dashboard-referrals .referral-summary {
        grid-template-columns: repeat(3, 1fr) !important;
    }
    
    #affwp-affiliate-dashboard-referrals table.affwp-table thead th {
        font-size: 13px !important;
        padding: 12px 14px !important;
    }
    
    #affwp-affiliate-dashboard-referrals table.affwp-table tbody td {
        font-size: 13px !important;
        padding: 10px 14px !important;
    }
}

/* ============================================
   بخش 10: ریسپانسیو - موبایل خیلی کوچک
   ============================================ */

@media screen and (max-width: 480px) {
    #affwp-affiliate-dashboard-referrals .referral-summary {
        grid-template-columns: 1fr 1fr !important;
        gap: 8px !important;
    }
    
    #affwp-affiliate-dashboard-referrals .referral-summary .summary-item {
        padding: 10px 12px !important;
    }
    
    #affwp-affiliate-dashboard-referrals .referral-summary .summary-item .summary-number {
        font-size: 18px !important;
    }
    
    #affwp-affiliate-dashboard-referrals .referral-summary .summary-item .summary-label {
        font-size: 10px !important;
    }
    
    #affwp-affiliate-dashboard-referrals table.affwp-table tbody td {
        font-size: 12px !important;
        padding: 5px 0 !important;
        flex-wrap: wrap !important;
    }
    
    #affwp-affiliate-dashboard-referrals table.affwp-table tbody td::before {
        font-size: 11px !important;
    }
    
    #affwp-affiliate-dashboard-referrals table.affwp-table tbody tr {
        padding: 12px !important;
    }
}

/* ============================================
   بخش 11: حالت دارک
   ============================================ */

.dark #affwp-affiliate-dashboard-referrals h4 {
    color: #F6F5F8 !important;
}

.dark #affwp-affiliate-dashboard-referrals .referral-summary .summary-item {
    background: rgba(30, 30, 30, 0.95) !important;
    border-color: rgba(123, 48, 123, 0.06) !important;
}

.dark #affwp-affiliate-dashboard-referrals .referral-summary .summary-item .summary-number {
    color: #C084C0 !important;
}

.dark #affwp-affiliate-dashboard-referrals .referral-summary .summary-item .summary-label {
    color: #A0A0A8 !important;
}

.dark #affwp-affiliate-dashboard-referrals table.affwp-table {
    border-color: rgba(123, 48, 123, 0.06) !important;
    background: rgba(30, 30, 30, 0.95) !important;
}

.dark #affwp-affiliate-dashboard-referrals table.affwp-table thead {
    background: rgba(255, 255, 255, 0.02) !important;
}

.dark #affwp-affiliate-dashboard-referrals table.affwp-table thead th {
    color: #F6F5F8 !important;
    border-bottom-color: rgba(123, 48, 123, 0.08) !important;
}

.dark #affwp-affiliate-dashboard-referrals table.affwp-table tbody tr {
    border-bottom-color: rgba(123, 48, 123, 0.04) !important;
}

.dark #affwp-affiliate-dashboard-referrals table.affwp-table tbody tr:hover {
    background: rgba(255, 255, 255, 0.01) !important;
}

.dark #affwp-affiliate-dashboard-referrals table.affwp-table tbody td {
    color: #B0B0B8 !important;
}

.dark #affwp-affiliate-dashboard-referrals table.affwp-table tbody td.referral-amount {
    color: #C084C0 !important;
}

.dark #affwp-affiliate-dashboard-referrals .affwp-table-no-data {
    color: #787880 !important;
    background: rgba(255, 255, 255, 0.01) !important;
}

/* وضعیت‌ها در حالت دارک */
.dark #affwp-affiliate-dashboard-referrals table.affwp-table tbody td .status-unpaid {
    background: rgba(255, 193, 7, 0.08) !important;
    color: #F59E0B !important;
}

.dark #affwp-affiliate-dashboard-referrals table.affwp-table tbody td .status-paid {
    background: rgba(76, 175, 80, 0.08) !important;
    color: #66BB6A !important;
}

.dark #affwp-affiliate-dashboard-referrals table.affwp-table tbody td .status-pending {
    background: rgba(33, 150, 243, 0.08) !important;
    color: #42A5F5 !important;
}

.dark #affwp-affiliate-dashboard-referrals table.affwp-table tbody td .status-rejected {
    background: rgba(244, 67, 54, 0.08) !important;
    color: #EF5350 !important;
}

/* ============================================
   بخش 12: ریسپانسیو - موبایل (دارک)
   ============================================ */

@media screen and (max-width: 768px) {
    .dark #affwp-affiliate-dashboard-referrals table.affwp-table tbody tr {
        background: rgba(30, 30, 30, 0.95) !important;
        border-color: rgba(123, 48, 123, 0.06) !important;
    }
    
    .dark #affwp-affiliate-dashboard-referrals table.affwp-table tbody td {
        border-bottom-color: rgba(123, 48, 123, 0.04) !important;
    }
    
    .dark #affwp-affiliate-dashboard-referrals table.affwp-table tbody td::before {
        color: #D1D1D6 !important;
    }
}

/* ============================================
   بخش 13: بهبود دسترسی
   ============================================ */

#affwp-affiliate-dashboard-referrals table.affwp-table tbody tr:focus-within {
    background: rgba(123, 48, 123, 0.03) !important;
    outline: 2px solid #7B307B !important;
    outline-offset: -2px !important;
}

#affwp-affiliate-dashboard-referrals table.affwp-table tbody td .status:focus-visible {
    outline: 2px solid #7B307B !important;
    outline-offset: 2px !important;
}

/* ============================================
   بخش 14: اسکرول‌بار سفارشی
   ============================================ */

#affwp-affiliate-dashboard-referrals table.affwp-table::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

#affwp-affiliate-dashboard-referrals table.affwp-table::-webkit-scrollbar-track {
    background: transparent;
}

#affwp-affiliate-dashboard-referrals table.affwp-table::-webkit-scrollbar-thumb {
    background: rgba(123, 48, 123, 0.15);
    border-radius: 10px;
}

#affwp-affiliate-dashboard-referrals table.affwp-table::-webkit-scrollbar-thumb:hover {
    background: rgba(123, 48, 123, 0.25);
}

/* ============================================
   بخش 15: استایل خالی برای حالت بدون داده
   ============================================ */

#affwp-affiliate-dashboard-referrals .empty-state {
    text-align: center !important;
    padding: 50px 20px !important;
    background: rgba(123, 48, 123, 0.01) !important;
    border-radius: 16px !important;
    border: 2px dashed rgba(123, 48, 123, 0.04) !important;
}

#affwp-affiliate-dashboard-referrals .empty-state .empty-icon {
    font-size: 48px !important;
    display: block !important;
    margin-bottom: 12px !important;
    opacity: 0.5 !important;
}

#affwp-affiliate-dashboard-referrals .empty-state .empty-title {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #1E1E1E !important;
    margin-bottom: 6px !important;
}

#affwp-affiliate-dashboard-referrals .empty-state .empty-desc {
    font-size: 14px !important;
    color: #B0B0B8 !important;
}
/* ============================================
   استایل اختصاصی بخش پرداخت‌ها (Payouts)
   کاملاً ریسپانسیو - راست‌چین (RTL)
   هارمونی با پالت بنفش
   ============================================ */

/* ============================================
   بخش 1: کانتینر اصلی
   ============================================ */

#affwp-affiliate-dashboard-payouts {
    animation: contentFade 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    direction: rtl !important;
    text-align: right !important;
}

@keyframes contentFade {
    0% {
        opacity: 0;
        transform: translateY(15px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ============================================
   بخش 2: عنوان
   ============================================ */

#affwp-affiliate-dashboard-payouts h4 {
    font-size: 22px !important;
    font-weight: 800 !important;
    color: #1E1E1E !important;
    margin: 0 0 22px 0 !important;
    padding-right: 18px !important;
    position: relative !important;
    letter-spacing: -0.5px !important;
    text-align: right !important;
    display: inline-block !important;
}

#affwp-affiliate-dashboard-payouts h4::before {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 28px;
    background: linear-gradient(180deg, #7B307B, #9E4A9E);
    border-radius: 10px;
}

/* ============================================
   بخش 3: کارت‌های خلاصه آمار پرداخت
   ============================================ */

#affwp-affiliate-dashboard-payouts .payout-summary {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important;
    gap: 14px !important;
    margin-bottom: 22px !important;
}

#affwp-affiliate-dashboard-payouts .payout-summary .summary-item {
    background: #FFFFFF !important;
    border: 1px solid rgba(123, 48, 123, 0.04) !important;
    border-radius: 14px !important;
    padding: 16px 20px !important;
    text-align: center !important;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.02) !important;
}

#affwp-affiliate-dashboard-payouts .payout-summary .summary-item:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 40px rgba(123, 48, 123, 0.04) !important;
    border-color: rgba(123, 48, 123, 0.08) !important;
}

#affwp-affiliate-dashboard-payouts .payout-summary .summary-item .summary-icon {
    font-size: 22px !important;
    display: block !important;
    margin-bottom: 2px !important;
}

#affwp-affiliate-dashboard-payouts .payout-summary .summary-item .summary-number {
    font-size: 24px !important;
    font-weight: 800 !important;
    color: #7B307B !important;
    display: block !important;
    line-height: 1.3 !important;
}

#affwp-affiliate-dashboard-payouts .payout-summary .summary-item .summary-label {
    font-size: 12px !important;
    color: #4A4A4A !important;
    font-weight: 500 !important;
    display: block !important;
    margin-top: 2px !important;
}

/* ============================================
   بخش 4: جدول اصلی
   ============================================ */

#affwp-affiliate-dashboard-payouts table.affwp-table {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    margin: 0 0 20px 0 !important;
    direction: rtl !important;
    text-align: right !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.02) !important;
    border: 1px solid rgba(123, 48, 123, 0.04) !important;
}

/* ===== سربرگ جدول ===== */
#affwp-affiliate-dashboard-payouts table.affwp-table thead {
    background: linear-gradient(135deg, rgba(123, 48, 123, 0.03), rgba(123, 48, 123, 0.01)) !important;
}

#affwp-affiliate-dashboard-payouts table.affwp-table thead th {
    padding: 14px 18px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #1E1E1E !important;
    text-align: right !important;
    border-bottom: 2px solid rgba(123, 48, 123, 0.08) !important;
    position: relative !important;
    letter-spacing: -0.2px !important;
    white-space: nowrap !important;
}

#affwp-affiliate-dashboard-payouts table.affwp-table thead th::after {
    content: '';
    position: absolute;
    bottom: -2px;
    right: 50%;
    transform: translateX(50%) scaleX(0);
    width: 60%;
    height: 2px;
    background: linear-gradient(90deg, #7B307B, #9E4A9E);
    border-radius: 10px;
    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

#affwp-affiliate-dashboard-payouts table.affwp-table thead th:hover::after {
    transform: translateX(50%) scaleX(1);
}

/* ===== بدنه جدول ===== */
#affwp-affiliate-dashboard-payouts table.affwp-table tbody tr {
    transition: all 0.3s ease !important;
    border-bottom: 1px solid rgba(123, 48, 123, 0.03) !important;
    animation: rowFade 0.4s ease forwards;
    opacity: 0;
}

#affwp-affiliate-dashboard-payouts table.affwp-table tbody tr:nth-child(1) { animation-delay: 0.05s; }
#affwp-affiliate-dashboard-payouts table.affwp-table tbody tr:nth-child(2) { animation-delay: 0.08s; }
#affwp-affiliate-dashboard-payouts table.affwp-table tbody tr:nth-child(3) { animation-delay: 0.11s; }
#affwp-affiliate-dashboard-payouts table.affwp-table tbody tr:nth-child(4) { animation-delay: 0.14s; }
#affwp-affiliate-dashboard-payouts table.affwp-table tbody tr:nth-child(5) { animation-delay: 0.17s; }

@keyframes rowFade {
    0% {
        opacity: 0;
        transform: translateY(-8px) scale(0.98);
    }
    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

#affwp-affiliate-dashboard-payouts table.affwp-table tbody tr:last-child {
    border-bottom: none !important;
}

#affwp-affiliate-dashboard-payouts table.affwp-table tbody tr:hover {
    background: rgba(123, 48, 123, 0.02) !important;
}

#affwp-affiliate-dashboard-payouts table.affwp-table tbody td {
    padding: 12px 18px !important;
    font-size: 14px !important;
    color: #4A4A4A !important;
    text-align: right !important;
    vertical-align: middle !important;
}

/* ============================================
   بخش 5: ستون مبلغ
   ============================================ */

#affwp-affiliate-dashboard-payouts table.affwp-table tbody td.payout-amount {
    font-weight: 700 !important;
    color: #7B307B !important;
}

/* ============================================
   بخش 6: روش پرداخت
   ============================================ */

#affwp-affiliate-dashboard-payouts table.affwp-table tbody td .payment-method {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    background: rgba(123, 48, 123, 0.04) !important;
    padding: 4px 12px !important;
    border-radius: 20px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #1E1E1E !important;
    border: 1px solid rgba(123, 48, 123, 0.04) !important;
}

#affwp-affiliate-dashboard-payouts table.affwp-table tbody td .payment-method::before {
    content: '💳';
    font-size: 14px !important;
}

/* ============================================
   بخش 7: وضعیت پرداخت
   ============================================ */

#affwp-affiliate-dashboard-payouts table.affwp-table tbody td .payout-status {
    display: inline-block !important;
    padding: 4px 14px !important;
    border-radius: 20px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.3px !important;
    text-align: center !important;
    min-width: 60px !important;
}

/* وضعیت‌های مختلف */
#affwp-affiliate-dashboard-payouts table.affwp-table tbody td .payout-status-completed {
    background: rgba(76, 175, 80, 0.1) !important;
    color: #4CAF50 !important;
    border: 1px solid rgba(76, 175, 80, 0.15) !important;
}

#affwp-affiliate-dashboard-payouts table.affwp-table tbody td .payout-status-pending {
    background: rgba(255, 193, 7, 0.1) !important;
    color: #F59E0B !important;
    border: 1px solid rgba(255, 193, 7, 0.15) !important;
}

#affwp-affiliate-dashboard-payouts table.affwp-table tbody td .payout-status-processing {
    background: rgba(33, 150, 243, 0.1) !important;
    color: #2196F3 !important;
    border: 1px solid rgba(33, 150, 243, 0.15) !important;
}

#affwp-affiliate-dashboard-payouts table.affwp-table tbody td .payout-status-failed {
    background: rgba(244, 67, 54, 0.1) !important;
    color: #F44336 !important;
    border: 1px solid rgba(244, 67, 54, 0.15) !important;
}

#affwp-affiliate-dashboard-payouts table.affwp-table tbody td .payout-status-cancelled {
    background: rgba(158, 158, 158, 0.1) !important;
    color: #9E9E9E !important;
    border: 1px solid rgba(158, 158, 158, 0.15) !important;
}

/* ============================================
   بخش 8: پیام خالی بودن جدول
   ============================================ */

#affwp-affiliate-dashboard-payouts .affwp-table-no-data {
    text-align: center !important;
    padding: 40px 20px !important;
    color: #B0B0B8 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    background: rgba(123, 48, 123, 0.01) !important;
    border-radius: 0 !important;
    display: block !important;
}

#affwp-affiliate-dashboard-payouts .affwp-table-no-data::before {
    content: '💰 ';
    font-size: 20px !important;
    margin-left: 10px !important;
}

/* ============================================
   بخش 9: ریسپانسیو - موبایل
   ============================================ */

@media screen and (max-width: 768px) {
    /* عنوان */
    #affwp-affiliate-dashboard-payouts h4 {
        font-size: 18px !important;
        padding-right: 14px !important;
        margin-bottom: 16px !important;
    }
    
    #affwp-affiliate-dashboard-payouts h4::before {
        height: 22px !important;
    }
    
    /* کارت‌های خلاصه */
    #affwp-affiliate-dashboard-payouts .payout-summary {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
        margin-bottom: 16px !important;
    }
    
    #affwp-affiliate-dashboard-payouts .payout-summary .summary-item {
        padding: 12px 14px !important;
    }
    
    #affwp-affiliate-dashboard-payouts .payout-summary .summary-item .summary-number {
        font-size: 20px !important;
    }
    
    #affwp-affiliate-dashboard-payouts .payout-summary .summary-item .summary-label {
        font-size: 11px !important;
    }
    
    #affwp-affiliate-dashboard-payouts .payout-summary .summary-item .summary-icon {
        font-size: 18px !important;
    }
    
    /* جدول - تبدیل به کارت */
    #affwp-affiliate-dashboard-payouts table.affwp-table {
        border-radius: 12px !important;
        border: none !important;
        box-shadow: none !important;
    }
    
    #affwp-affiliate-dashboard-payouts table.affwp-table thead {
        display: none !important;
    }
    
    #affwp-affiliate-dashboard-payouts table.affwp-table tbody tr {
        display: block !important;
        background: #FFFFFF !important;
        border: 1px solid rgba(123, 48, 123, 0.04) !important;
        border-radius: 12px !important;
        padding: 14px 16px !important;
        margin-bottom: 12px !important;
        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.02) !important;
        transition: all 0.3s ease !important;
    }
    
    #affwp-affiliate-dashboard-payouts table.affwp-table tbody tr:hover {
        transform: translateY(-2px) !important;
        box-shadow: 0 8px 30px rgba(123, 48, 123, 0.04) !important;
        border-color: rgba(123, 48, 123, 0.08) !important;
    }
    
    #affwp-affiliate-dashboard-payouts table.affwp-table tbody tr:last-child {
        margin-bottom: 0 !important;
    }
    
    #affwp-affiliate-dashboard-payouts table.affwp-table tbody td {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        padding: 6px 0 !important;
        border-bottom: 1px solid rgba(123, 48, 123, 0.02) !important;
        text-align: right !important;
        font-size: 13px !important;
    }
    
    #affwp-affiliate-dashboard-payouts table.affwp-table tbody td:last-child {
        border-bottom: none !important;
    }
    
    #affwp-affiliate-dashboard-payouts table.affwp-table tbody td::before {
        content: attr(data-th) !important;
        font-weight: 700 !important;
        color: #1E1E1E !important;
        font-size: 12.5px !important;
        margin-left: 12px !important;
        flex-shrink: 0 !important;
    }
    
    /* ستون مبلغ */
    #affwp-affiliate-dashboard-payouts table.affwp-table tbody td.payout-amount {
        color: #7B307B !important;
    }
    
    #affwp-affiliate-dashboard-payouts table.affwp-table tbody td.payout-amount::before {
        color: #1E1E1E !important;
    }
    
    /* روش پرداخت */
    #affwp-affiliate-dashboard-payouts table.affwp-table tbody td .payment-method {
        font-size: 11px !important;
        padding: 3px 10px !important;
    }
    
    /* وضعیت */
    #affwp-affiliate-dashboard-payouts table.affwp-table tbody td .payout-status {
        font-size: 11px !important;
        padding: 3px 12px !important;
        min-width: 50px !important;
    }
    
    /* تاریخ تخمینی */
    #affwp-affiliate-dashboard-payouts table.affwp-table tbody td .estimated-date {
        font-size: 12px !important;
        color: #7B307B !important;
        font-weight: 600 !important;
    }
    
    /* پیام خالی */
    #affwp-affiliate-dashboard-payouts .affwp-table-no-data {
        padding: 30px 16px !important;
        font-size: 13px !important;
        display: block !important;
        text-align: center !important;
    }
    
    #affwp-affiliate-dashboard-payouts .affwp-table-no-data::before {
        font-size: 18px !important;
    }
}

/* ============================================
   بخش 10: ریسپانسیو - تبلت
   ============================================ */

@media screen and (min-width: 769px) and (max-width: 1024px) {
    #affwp-affiliate-dashboard-payouts h4 {
        font-size: 20px !important;
    }
    
    #affwp-affiliate-dashboard-payouts .payout-summary {
        grid-template-columns: repeat(3, 1fr) !important;
    }
    
    #affwp-affiliate-dashboard-payouts table.affwp-table thead th {
        font-size: 13px !important;
        padding: 12px 14px !important;
    }
    
    #affwp-affiliate-dashboard-payouts table.affwp-table tbody td {
        font-size: 13px !important;
        padding: 10px 14px !important;
    }
}

/* ============================================
   بخش 11: ریسپانسیو - موبایل خیلی کوچک
   ============================================ */

@media screen and (max-width: 480px) {
    #affwp-affiliate-dashboard-payouts .payout-summary {
        grid-template-columns: 1fr 1fr !important;
        gap: 8px !important;
    }
    
    #affwp-affiliate-dashboard-payouts .payout-summary .summary-item {
        padding: 10px 12px !important;
    }
    
    #affwp-affiliate-dashboard-payouts .payout-summary .summary-item .summary-number {
        font-size: 18px !important;
    }
    
    #affwp-affiliate-dashboard-payouts .payout-summary .summary-item .summary-label {
        font-size: 10px !important;
    }
    
    #affwp-affiliate-dashboard-payouts table.affwp-table tbody td {
        font-size: 12px !important;
        padding: 5px 0 !important;
        flex-wrap: wrap !important;
    }
    
    #affwp-affiliate-dashboard-payouts table.affwp-table tbody td::before {
        font-size: 11px !important;
    }
    
    #affwp-affiliate-dashboard-payouts table.affwp-table tbody tr {
        padding: 12px !important;
    }
}

/* ============================================
   بخش 12: حالت دارک
   ============================================ */

.dark #affwp-affiliate-dashboard-payouts h4 {
    color: #F6F5F8 !important;
}

.dark #affwp-affiliate-dashboard-payouts .payout-summary .summary-item {
    background: rgba(30, 30, 30, 0.95) !important;
    border-color: rgba(123, 48, 123, 0.06) !important;
}

.dark #affwp-affiliate-dashboard-payouts .payout-summary .summary-item .summary-number {
    color: #C084C0 !important;
}

.dark #affwp-affiliate-dashboard-payouts .payout-summary .summary-item .summary-label {
    color: #A0A0A8 !important;
}

.dark #affwp-affiliate-dashboard-payouts table.affwp-table {
    border-color: rgba(123, 48, 123, 0.06) !important;
    background: rgba(30, 30, 30, 0.95) !important;
}

.dark #affwp-affiliate-dashboard-payouts table.affwp-table thead {
    background: rgba(255, 255, 255, 0.02) !important;
}

.dark #affwp-affiliate-dashboard-payouts table.affwp-table thead th {
    color: #F6F5F8 !important;
    border-bottom-color: rgba(123, 48, 123, 0.08) !important;
}

.dark #affwp-affiliate-dashboard-payouts table.affwp-table tbody tr {
    border-bottom-color: rgba(123, 48, 123, 0.04) !important;
}

.dark #affwp-affiliate-dashboard-payouts table.affwp-table tbody tr:hover {
    background: rgba(255, 255, 255, 0.01) !important;
}

.dark #affwp-affiliate-dashboard-payouts table.affwp-table tbody td {
    color: #B0B0B8 !important;
}

.dark #affwp-affiliate-dashboard-payouts table.affwp-table tbody td.payout-amount {
    color: #C084C0 !important;
}

.dark #affwp-affiliate-dashboard-payouts table.affwp-table tbody td .payment-method {
    background: rgba(255, 255, 255, 0.02) !important;
    color: #D1D1D6 !important;
    border-color: rgba(255, 255, 255, 0.04) !important;
}

.dark #affwp-affiliate-dashboard-payouts .affwp-table-no-data {
    color: #787880 !important;
    background: rgba(255, 255, 255, 0.01) !important;
}

/* وضعیت‌ها در حالت دارک */
.dark #affwp-affiliate-dashboard-payouts table.affwp-table tbody td .payout-status-completed {
    background: rgba(76, 175, 80, 0.08) !important;
    color: #66BB6A !important;
}

.dark #affwp-affiliate-dashboard-payouts table.affwp-table tbody td .payout-status-pending {
    background: rgba(255, 193, 7, 0.08) !important;
    color: #F59E0B !important;
}

.dark #affwp-affiliate-dashboard-payouts table.affwp-table tbody td .payout-status-processing {
    background: rgba(33, 150, 243, 0.08) !important;
    color: #42A5F5 !important;
}

.dark #affwp-affiliate-dashboard-payouts table.affwp-table tbody td .payout-status-failed {
    background: rgba(244, 67, 54, 0.08) !important;
    color: #EF5350 !important;
}

.dark #affwp-affiliate-dashboard-payouts table.affwp-table tbody td .payout-status-cancelled {
    background: rgba(158, 158, 158, 0.08) !important;
    color: #9E9E9E !important;
}

/* ============================================
   بخش 13: ریسپانسیو - موبایل (دارک)
   ============================================ */

@media screen and (max-width: 768px) {
    .dark #affwp-affiliate-dashboard-payouts table.affwp-table tbody tr {
        background: rgba(30, 30, 30, 0.95) !important;
        border-color: rgba(123, 48, 123, 0.06) !important;
    }
    
    .dark #affwp-affiliate-dashboard-payouts table.affwp-table tbody td {
        border-bottom-color: rgba(123, 48, 123, 0.04) !important;
    }
    
    .dark #affwp-affiliate-dashboard-payouts table.affwp-table tbody td::before {
        color: #D1D1D6 !important;
    }
}

/* ============================================
   بخش 14: بهبود دسترسی
   ============================================ */

#affwp-affiliate-dashboard-payouts table.affwp-table tbody tr:focus-within {
    background: rgba(123, 48, 123, 0.03) !important;
    outline: 2px solid #7B307B !important;
    outline-offset: -2px !important;
}

#affwp-affiliate-dashboard-payouts table.affwp-table tbody td .payout-status:focus-visible {
    outline: 2px solid #7B307B !important;
    outline-offset: 2px !important;
}

/* ============================================
   بخش 15: اسکرول‌بار سفارشی
   ============================================ */

#affwp-affiliate-dashboard-payouts table.affwp-table::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

#affwp-affiliate-dashboard-payouts table.affwp-table::-webkit-scrollbar-track {
    background: transparent;
}

#affwp-affiliate-dashboard-payouts table.affwp-table::-webkit-scrollbar-thumb {
    background: rgba(123, 48, 123, 0.15);
    border-radius: 10px;
}

#affwp-affiliate-dashboard-payouts table.affwp-table::-webkit-scrollbar-thumb:hover {
    background: rgba(123, 48, 123, 0.25);
}

/* ============================================
   بخش 16: استایل خالی برای حالت بدون داده
   ============================================ */

#affwp-affiliate-dashboard-payouts .empty-state {
    text-align: center !important;
    padding: 50px 20px !important;
    background: rgba(123, 48, 123, 0.01) !important;
    border-radius: 16px !important;
    border: 2px dashed rgba(123, 48, 123, 0.04) !important;
}

#affwp-affiliate-dashboard-payouts .empty-state .empty-icon {
    font-size: 48px !important;
    display: block !important;
    margin-bottom: 12px !important;
    opacity: 0.5 !important;
}

#affwp-affiliate-dashboard-payouts .empty-state .empty-title {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #1E1E1E !important;
    margin-bottom: 6px !important;
}

#affwp-affiliate-dashboard-payouts .empty-state .empty-desc {
    font-size: 14px !important;
    color: #B0B0B8 !important;
}

/* ============================================
   بخش 17: استایل تاریخ تخمینی
   ============================================ */

#affwp-affiliate-dashboard-payouts table.affwp-table tbody td .estimated-date {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    font-size: 12px !important;
    color: #7B307B !important;
    font-weight: 600 !important;
    background: rgba(123, 48, 123, 0.02) !important;
    padding: 2px 10px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(123, 48, 123, 0.04) !important;
}

#affwp-affiliate-dashboard-payouts table.affwp-table tbody td .estimated-date::before {
    content: '📅 ';
    font-size: 12px !important;
}
/* ============================================
   استایل اختصاصی بخش تنظیمات نمایه
   کاملاً ریسپانسیو - راست‌چین (RTL)
   هارمونی با پالت بنفش
   ============================================ */

/* ============================================
   بخش 1: کانتینر اصلی
   ============================================ */

#affwp-affiliate-dashboard-profile {
    animation: contentFade 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    direction: rtl !important;
    text-align: right !important;
}

@keyframes contentFade {
    0% {
        opacity: 0;
        transform: translateY(15px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ============================================
   بخش 2: فرم اصلی
   ============================================ */

#affwp-affiliate-dashboard-profile-form {
    background: #FFFFFF !important;
    border-radius: 20px !important;
    padding: 28px 32px !important;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.02) !important;
    border: 1px solid rgba(123, 48, 123, 0.04) !important;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}

#affwp-affiliate-dashboard-profile-form:hover {
    border-color: rgba(123, 48, 123, 0.06) !important;
    box-shadow: 0 8px 40px rgba(123, 48, 123, 0.02) !important;
}

/* ============================================
   بخش 3: عنوان‌های فرم
   ============================================ */

#affwp-affiliate-dashboard-profile-form h4 {
    font-size: 20px !important;
    font-weight: 800 !important;
    color: #1E1E1E !important;
    margin: 0 0 20px 0 !important;
    padding-right: 18px !important;
    position: relative !important;
    letter-spacing: -0.5px !important;
    text-align: right !important;
    display: inline-block !important;
}

#affwp-affiliate-dashboard-profile-form h4::before {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 28px;
    background: linear-gradient(180deg, #7B307B, #9E4A9E);
    border-radius: 10px;
}

/* عنوان دوم (Notification Settings) */
#affwp-affiliate-dashboard-profile-form h4:not(:first-of-type) {
    margin-top: 28px !important;
    border-top: 1px solid rgba(123, 48, 123, 0.04) !important;
    padding-top: 24px !important;
    display: block !important;
}

/* ============================================
   بخش 4: باکس‌های فرم (Wrap)
   ============================================ */

#affwp-affiliate-dashboard-profile-form .affwp-wrap {
    margin-bottom: 18px !important;
}

#affwp-affiliate-dashboard-profile-form .affwp-wrap label {
    display: block !important;
    font-weight: 600 !important;
    color: #1E1E1E !important;
    font-size: 14px !important;
    margin-bottom: 6px !important;
    text-align: right !important;
}

#affwp-affiliate-dashboard-profile-form .affwp-wrap label .required {
    color: #7B307B !important;
    margin-right: 2px !important;
}

/* ============================================
   بخش 5: فیلدهای ورودی
   ============================================ */

#affwp-affiliate-dashboard-profile-form input[type="text"],
#affwp-affiliate-dashboard-profile-form input[type="email"],
#affwp-affiliate-dashboard-profile-form input[type="password"],
#affwp-affiliate-dashboard-profile-form input[type="number"],
#affwp-affiliate-dashboard-profile-form select,
#affwp-affiliate-dashboard-profile-form textarea {
    width: 100% !important;
    max-width: 480px !important;
    padding: 11px 16px !important;
    border: 2px solid #E8E5F0 !important;
    border-radius: 10px !important;
    font-size: 14px !important;
    color: #1E1E1E !important;
    background: #FFFFFF !important;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    font-family: inherit !important;
    direction: rtl !important;
    text-align: right !important;
}

#affwp-affiliate-dashboard-profile-form input[type="text"]:focus,
#affwp-affiliate-dashboard-profile-form input[type="email"]:focus,
#affwp-affiliate-dashboard-profile-form input[type="password"]:focus,
#affwp-affiliate-dashboard-profile-form input[type="number"]:focus,
#affwp-affiliate-dashboard-profile-form select:focus,
#affwp-affiliate-dashboard-profile-form textarea:focus {
    border-color: #7B307B !important;
    box-shadow: 0 0 0 4px rgba(123, 48, 123, 0.04) !important;
    outline: none !important;
}

#affwp-affiliate-dashboard-profile-form input[type="text"]:hover,
#affwp-affiliate-dashboard-profile-form input[type="email"]:hover,
#affwp-affiliate-dashboard-profile-form input[type="password"]:hover,
#affwp-affiliate-dashboard-profile-form input[type="number"]:hover,
#affwp-affiliate-dashboard-profile-form select:hover,
#affwp-affiliate-dashboard-profile-form textarea:hover {
    border-color: rgba(123, 48, 123, 0.2) !important;
}

#affwp-affiliate-dashboard-profile-form input[type="text"]::placeholder,
#affwp-affiliate-dashboard-profile-form input[type="email"]::placeholder,
#affwp-affiliate-dashboard-profile-form input[type="password"]::placeholder,
#affwp-affiliate-dashboard-profile-form textarea::placeholder {
    color: #B0B0B8 !important;
}

/* ============================================
   بخش 6: چک‌باکس (Notification Settings)
   ============================================ */

#affwp-affiliate-dashboard-profile-form .affwp-send-notifications-wrap {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 12px 16px !important;
    background: rgba(123, 48, 123, 0.01) !important;
    border: 1px solid rgba(123, 48, 123, 0.04) !important;
    border-radius: 12px !important;
    transition: all 0.3s ease !important;
    max-width: 480px !important;
}

#affwp-affiliate-dashboard-profile-form .affwp-send-notifications-wrap:hover {
    background: rgba(123, 48, 123, 0.02) !important;
    border-color: rgba(123, 48, 123, 0.06) !important;
}

#affwp-affiliate-dashboard-profile-form .affwp-send-notifications-wrap input[type="checkbox"] {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    accent-color: #7B307B !important;
    cursor: pointer !important;
    border-radius: 4px !important;
    border: 2px solid #E8E5F0 !important;
    transition: all 0.3s ease !important;
}

#affwp-affiliate-dashboard-profile-form .affwp-send-notifications-wrap input[type="checkbox"]:checked {
    border-color: #7B307B !important;
    background-color: #7B307B !important;
}

#affwp-affiliate-dashboard-profile-form .affwp-send-notifications-wrap input[type="checkbox"]:focus {
    box-shadow: 0 0 0 3px rgba(123, 48, 123, 0.1) !important;
    outline: none !important;
}

#affwp-affiliate-dashboard-profile-form .affwp-send-notifications-wrap label {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #1E1E1E !important;
    cursor: pointer !important;
    margin: 0 !important;
    display: inline !important;
}

/* ============================================
   بخش 7: دکمه ذخیره
   ============================================ */

#affwp-affiliate-dashboard-profile-form .affwp-save-profile-wrap {
    margin-top: 24px !important;
    padding-top: 20px !important;
    border-top: 1px solid rgba(123, 48, 123, 0.04) !important;
}

#affwp-affiliate-dashboard-profile-form input[type="submit"] {
    background: linear-gradient(135deg, #7B307B, #6A2A6A) !important;
    color: #FFFFFF !important;
    border: none !important;
    padding: 12px 36px !important;
    border-radius: 10px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    box-shadow: 0 4px 20px rgba(123, 48, 123, 0.15) !important;
    position: relative !important;
    overflow: hidden !important;
    min-height: 48px !important;
    min-width: 160px !important;
}

/* افکت ریپل روی دکمه */
#affwp-affiliate-dashboard-profile-form input[type="submit"]::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: width 0.8s, height 0.8s;
}

#affwp-affiliate-dashboard-profile-form input[type="submit"]:hover::before {
    width: 400px;
    height: 400px;
}

#affwp-affiliate-dashboard-profile-form input[type="submit"]:hover {
    background: linear-gradient(135deg, #5A235A, #4A1A4A) !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 35px rgba(123, 48, 123, 0.25) !important;
}

#affwp-affiliate-dashboard-profile-form input[type="submit"]:active {
    transform: translateY(0) scale(0.97) !important;
}

/* ============================================
   بخش 8: پیام‌های موفقیت و خطا
   ============================================ */

#affwp-affiliate-dashboard-profile-form .affwp-message {
    padding: 14px 20px !important;
    border-radius: 12px !important;
    margin-bottom: 18px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

#affwp-affiliate-dashboard-profile-form .affwp-message-success {
    background: rgba(76, 175, 80, 0.06) !important;
    border: 1px solid rgba(76, 175, 80, 0.1) !important;
    color: #4CAF50 !important;
}

#affwp-affiliate-dashboard-profile-form .affwp-message-success::before {
    content: '✅ ';
    font-size: 18px !important;
}

#affwp-affiliate-dashboard-profile-form .affwp-message-error {
    background: rgba(244, 67, 54, 0.06) !important;
    border: 1px solid rgba(244, 67, 54, 0.1) !important;
    color: #F44336 !important;
}

#affwp-affiliate-dashboard-profile-form .affwp-message-error::before {
    content: '⚠️ ';
    font-size: 18px !important;
}

/* ============================================
   بخش 9: ریسپانسیو - موبایل
   ============================================ */

@media screen and (max-width: 768px) {
    #affwp-affiliate-dashboard-profile-form {
        padding: 18px 16px !important;
        border-radius: 16px !important;
    }
    
    #affwp-affiliate-dashboard-profile-form h4 {
        font-size: 18px !important;
        padding-right: 14px !important;
        margin-bottom: 16px !important;
    }
    
    #affwp-affiliate-dashboard-profile-form h4::before {
        height: 22px !important;
    }
    
    #affwp-affiliate-dashboard-profile-form h4:not(:first-of-type) {
        margin-top: 22px !important;
        padding-top: 18px !important;
    }
    
    #affwp-affiliate-dashboard-profile-form .affwp-wrap {
        margin-bottom: 14px !important;
    }
    
    #affwp-affiliate-dashboard-profile-form .affwp-wrap label {
        font-size: 13px !important;
    }
    
    #affwp-affiliate-dashboard-profile-form input[type="text"],
    #affwp-affiliate-dashboard-profile-form input[type="email"],
    #affwp-affiliate-dashboard-profile-form input[type="password"],
    #affwp-affiliate-dashboard-profile-form input[type="number"],
    #affwp-affiliate-dashboard-profile-form select,
    #affwp-affiliate-dashboard-profile-form textarea {
        max-width: 100% !important;
        padding: 10px 14px !important;
        font-size: 13px !important;
        border-radius: 8px !important;
    }
    
    #affwp-affiliate-dashboard-profile-form .affwp-send-notifications-wrap {
        max-width: 100% !important;
        padding: 10px 14px !important;
        flex-wrap: wrap !important;
    }
    
    #affwp-affiliate-dashboard-profile-form .affwp-send-notifications-wrap input[type="checkbox"] {
        width: 18px !important;
        height: 18px !important;
        min-width: 18px !important;
    }
    
    #affwp-affiliate-dashboard-profile-form .affwp-send-notifications-wrap label {
        font-size: 13px !important;
    }
    
    #affwp-affiliate-dashboard-profile-form .affwp-save-profile-wrap {
        margin-top: 18px !important;
        padding-top: 16px !important;
    }
    
    #affwp-affiliate-dashboard-profile-form input[type="submit"] {
        width: 100% !important;
        padding: 14px !important;
        font-size: 14px !important;
        min-height: 44px !important;
        min-width: unset !important;
    }
    
    #affwp-affiliate-dashboard-profile-form input[type="submit"]::before {
        display: none !important;
    }
    
    /* پیام‌ها */
    #affwp-affiliate-dashboard-profile-form .affwp-message {
        padding: 12px 16px !important;
        font-size: 13px !important;
        border-radius: 10px !important;
    }
}

/* ============================================
   بخش 10: ریسپانسیو - تبلت
   ============================================ */

@media screen and (min-width: 769px) and (max-width: 1024px) {
    #affwp-affiliate-dashboard-profile-form {
        padding: 24px 24px !important;
    }
    
    #affwp-affiliate-dashboard-profile-form h4 {
        font-size: 19px !important;
    }
    
    #affwp-affiliate-dashboard-profile-form input[type="text"],
    #affwp-affiliate-dashboard-profile-form input[type="email"],
    #affwp-affiliate-dashboard-profile-form input[type="password"],
    #affwp-affiliate-dashboard-profile-form input[type="number"],
    #affwp-affiliate-dashboard-profile-form select,
    #affwp-affiliate-dashboard-profile-form textarea {
        max-width: 400px !important;
    }
    
    #affwp-affiliate-dashboard-profile-form .affwp-send-notifications-wrap {
        max-width: 400px !important;
    }
}

/* ============================================
   بخش 11: حالت دارک
   ============================================ */

.dark #affwp-affiliate-dashboard-profile-form {
    background: rgba(30, 30, 30, 0.95) !important;
    border-color: rgba(123, 48, 123, 0.06) !important;
}

.dark #affwp-affiliate-dashboard-profile-form h4 {
    color: #F6F5F8 !important;
}

.dark #affwp-affiliate-dashboard-profile-form h4:not(:first-of-type) {
    border-top-color: rgba(123, 48, 123, 0.06) !important;
}

.dark #affwp-affiliate-dashboard-profile-form .affwp-wrap label {
    color: #D1D1D6 !important;
}

.dark #affwp-affiliate-dashboard-profile-form input[type="text"],
.dark #affwp-affiliate-dashboard-profile-form input[type="email"],
.dark #affwp-affiliate-dashboard-profile-form input[type="password"],
.dark #affwp-affiliate-dashboard-profile-form input[type="number"],
.dark #affwp-affiliate-dashboard-profile-form select,
.dark #affwp-affiliate-dashboard-profile-form textarea {
    background: rgba(30, 30, 30, 0.8) !important;
    border-color: rgba(123, 48, 123, 0.06) !important;
    color: #F6F5F8 !important;
}

.dark #affwp-affiliate-dashboard-profile-form input[type="text"]:focus,
.dark #affwp-affiliate-dashboard-profile-form input[type="email"]:focus,
.dark #affwp-affiliate-dashboard-profile-form input[type="password"]:focus,
.dark #affwp-affiliate-dashboard-profile-form input[type="number"]:focus,
.dark #affwp-affiliate-dashboard-profile-form select:focus,
.dark #affwp-affiliate-dashboard-profile-form textarea:focus {
    border-color: #7B307B !important;
    box-shadow: 0 0 0 4px rgba(123, 48, 123, 0.06) !important;
}

.dark #affwp-affiliate-dashboard-profile-form input[type="text"]::placeholder,
.dark #affwp-affiliate-dashboard-profile-form input[type="email"]::placeholder,
.dark #affwp-affiliate-dashboard-profile-form input[type="password"]::placeholder,
.dark #affwp-affiliate-dashboard-profile-form textarea::placeholder {
    color: #666670 !important;
}

.dark #affwp-affiliate-dashboard-profile-form .affwp-send-notifications-wrap {
    background: rgba(255, 255, 255, 0.01) !important;
    border-color: rgba(123, 48, 123, 0.06) !important;
}

.dark #affwp-affiliate-dashboard-profile-form .affwp-send-notifications-wrap:hover {
    background: rgba(255, 255, 255, 0.02) !important;
}

.dark #affwp-affiliate-dashboard-profile-form .affwp-send-notifications-wrap label {
    color: #D1D1D6 !important;
}

.dark #affwp-affiliate-dashboard-profile-form .affwp-send-notifications-wrap input[type="checkbox"] {
    background: rgba(30, 30, 30, 0.8) !important;
    border-color: rgba(123, 48, 123, 0.06) !important;
}

.dark #affwp-affiliate-dashboard-profile-form .affwp-save-profile-wrap {
    border-top-color: rgba(123, 48, 123, 0.06) !important;
}

.dark #affwp-affiliate-dashboard-profile-form .affwp-message-success {
    background: rgba(76, 175, 80, 0.04) !important;
    border-color: rgba(76, 175, 80, 0.06) !important;
    color: #66BB6A !important;
}

.dark #affwp-affiliate-dashboard-profile-form .affwp-message-error {
    background: rgba(244, 67, 54, 0.04) !important;
    border-color: rgba(244, 67, 54, 0.06) !important;
    color: #EF5350 !important;
}

/* ============================================
   بخش 12: بهبود دسترسی
   ============================================ */

#affwp-affiliate-dashboard-profile-form input[type="text"]:focus-visible,
#affwp-affiliate-dashboard-profile-form input[type="email"]:focus-visible,
#affwp-affiliate-dashboard-profile-form input[type="password"]:focus-visible,
#affwp-affiliate-dashboard-profile-form input[type="number"]:focus-visible,
#affwp-affiliate-dashboard-profile-form select:focus-visible,
#affwp-affiliate-dashboard-profile-form textarea:focus-visible {
    outline: 2px solid #7B307B !important;
    outline-offset: 2px !important;
}

#affwp-affiliate-dashboard-profile-form input[type="submit"]:focus-visible {
    outline: 3px solid #7B307B !important;
    outline-offset: 4px !important;
}

#affwp-affiliate-dashboard-profile-form .affwp-send-notifications-wrap input[type="checkbox"]:focus-visible {
    outline: 2px solid #7B307B !important;
    outline-offset: 2px !important;
}

/* ============================================
   بخش 13: استایل توضیحات فیلدها
   ============================================ */

#affwp-affiliate-dashboard-profile-form .affwp-wrap .description {
    display: block !important;
    font-size: 12px !important;
    color: #B0B0B8 !important;
    margin-top: 4px !important;
    padding-right: 4px !important;
}

.dark #affwp-affiliate-dashboard-profile-form .affwp-wrap .description {
    color: #666670 !important;
}

/* ============================================
   بخش 14: انیمیشن ورود فیلدها
   ============================================ */

#affwp-affiliate-dashboard-profile-form .affwp-wrap {
    animation: fieldFade 0.5s ease forwards;
    opacity: 0;
}

#affwp-affiliate-dashboard-profile-form .affwp-wrap:nth-child(1) { animation-delay: 0.05s; }
#affwp-affiliate-dashboard-profile-form .affwp-wrap:nth-child(2) { animation-delay: 0.10s; }
#affwp-affiliate-dashboard-profile-form .affwp-wrap:nth-child(3) { animation-delay: 0.15s; }
#affwp-affiliate-dashboard-profile-form .affwp-wrap:nth-child(4) { animation-delay: 0.20s; }
#affwp-affiliate-dashboard-profile-form .affwp-wrap:nth-child(5) { animation-delay: 0.25s; }

@keyframes fieldFade {
    0% {
        opacity: 0;
        transform: translateY(-10px) scale(0.98);
    }
    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

/* ============================================
   بخش 15: اسکرول‌بار سفارشی
   ============================================ */

#affwp-affiliate-dashboard-profile-form textarea::-webkit-scrollbar {
    width: 4px;
}

#affwp-affiliate-dashboard-profile-form textarea::-webkit-scrollbar-track {
    background: transparent;
}

#affwp-affiliate-dashboard-profile-form textarea::-webkit-scrollbar-thumb {
    background: rgba(123, 48, 123, 0.15);
    border-radius: 10px;
}

#affwp-affiliate-dashboard-profile-form textarea::-webkit-scrollbar-thumb:hover {
    background: rgba(123, 48, 123, 0.25);
}
/* پایان بخش بازاریابی شروع بخش هدر */
/* ============================================
   استایل اختصاصی آیکون‌های سمت راست هدر
   طراحی لوکس - حفظ کامل آیکون‌های پیش‌فرض
   ============================================ */

/* ============================================
   بخش 1: کانتینر اصلی ستون راست
   ============================================ */

.whb-column10 {
    display: flex !important;
    align-items: center !important;
    gap: 2px !important;
    direction: rtl !important;
}

/* ============================================
   بخش 2: استایل کلی دکمه‌های ابزار
   ============================================ */

.wd-tools-element {
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}

.wd-tools-element:hover {
    transform: translateY(-3px) !important;
}

/* ============================================
   بخش 3: سبد خرید - طراحی لوکس
   ============================================ */

.wd-header-cart .wd-tools-icon {
    background: rgba(123, 48, 123, 0.02) !important;
    border-radius: 50% !important;
    width: 46px !important;
    height: 46px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    border: 2px solid rgba(123, 48, 123, 0.04) !important;
    position: relative !important;
}

/* افکت سایه و حاشیه در هاور */
.wd-header-cart:hover .wd-tools-icon {
    background: rgba(123, 48, 123, 0.04) !important;
    box-shadow: 0 0 0 4px rgba(123, 48, 123, 0.02), 0 8px 30px rgba(123, 48, 123, 0.04) !important;
    border-color: rgba(123, 48, 123, 0.08) !important;
}

/* تعداد محصولات در سبد خرید */
.wd-header-cart .wd-cart-number {
    background: linear-gradient(135deg, #7B307B, #5A235A) !important;
    color: #FFFFFF !important;
    border-radius: 50% !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    min-width: 22px !important;
    height: 22px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 4px 15px rgba(123, 48, 123, 0.25) !important;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    padding: 0 5px !important;
    font-family: inherit !important;
    letter-spacing: 0.3px !important;
}

.wd-header-cart:hover .wd-cart-number {
    transform: scale(1.1) !important;
    box-shadow: 0 4px 25px rgba(123, 48, 123, 0.35) !important;
}

/* ============================================
   بخش 4: جداکننده‌ها
   ============================================ */

.wd-header-divider {
    width: 1px !important;
    height: 30px !important;
    background: linear-gradient(180deg, transparent, rgba(123, 48, 123, 0.08), rgba(123, 48, 123, 0.12), rgba(123, 48, 123, 0.08), transparent) !important;
    margin: 0 2px !important;
    flex-shrink: 0 !important;
    border-radius: 10px !important;
}

/* ============================================
   بخش 5: حساب کاربری - طراحی لوکس
   ============================================ */

.wd-header-my-account .wd-tools-icon {
    background: rgba(123, 48, 123, 0.02) !important;
    border-radius: 50% !important;
    width: 46px !important;
    height: 46px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    border: 2px solid rgba(123, 48, 123, 0.04) !important;
    position: relative !important;
}

.wd-header-my-account:hover .wd-tools-icon {
    background: rgba(123, 48, 123, 0.04) !important;
    box-shadow: 0 0 0 4px rgba(123, 48, 123, 0.02), 0 8px 30px rgba(123, 48, 123, 0.04) !important;
    border-color: rgba(123, 48, 123, 0.08) !important;
}

/* ===== Dropdown حساب کاربری ===== */
.wd-header-my-account .wd-dropdown {
    border-radius: 18px !important;
    border: 1px solid rgba(123, 48, 123, 0.04) !important;
    box-shadow: 0 20px 80px rgba(0, 0, 0, 0.04), 0 8px 30px rgba(123, 48, 123, 0.02) !important;
    padding: 10px 0 !important;
    background: rgba(255, 255, 255, 0.98) !important;
    backdrop-filter: blur(30px) !important;
    -webkit-backdrop-filter: blur(30px) !important;
    min-width: 220px !important;
    animation: dropdownSlide 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

@keyframes dropdownSlide {
    0% {
        opacity: 0;
        transform: translateY(-10px) scale(0.96);
    }
    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.wd-header-my-account .wd-dropdown .wd-sub-menu {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.wd-header-my-account .wd-dropdown .wd-sub-menu li {
    margin: 0 !important;
    padding: 2px 0 !important;
}

.wd-header-my-account .wd-dropdown .wd-sub-menu li a {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 8px 24px !important;
    color: #4A4A4A !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    border-right: 3px solid transparent !important;
}

.wd-header-my-account .wd-dropdown .wd-sub-menu li a:hover {
    color: #7B307B !important;
    background: rgba(123, 48, 123, 0.02) !important;
    border-right-color: #7B307B !important;
    transform: translateX(-4px) !important;
}

/* آیتم خروج با رنگ خاص */
.wd-header-my-account .wd-dropdown .wd-sub-menu li:last-child a {
    color: #E53935 !important;
    border-top: 1px solid rgba(244, 67, 54, 0.04) !important;
    margin-top: 6px !important;
    padding-top: 12px !important;
}

.wd-header-my-account .wd-dropdown .wd-sub-menu li:last-child a:hover {
    color: #C62828 !important;
    background: rgba(244, 67, 54, 0.02) !important;
    border-right-color: #E53935 !important;
}

/* ============================================
   بخش 6: علاقه‌مندی - طراحی لوکس
   ============================================ */

.wd-header-wishlist .wd-tools-icon, .wd-tools-icon {
    background: rgba(123, 48, 123, 0.02) !important;
    border-radius: 50% !important;
    width: 46px !important;
    height: 46px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    border: 2px solid rgba(123, 48, 123, 0.04) !important;
    position: relative !important;
}

.wd-header-wishlist:hover .wd-tools-icon {
    background: rgba(123, 48, 123, 0.04) !important;
    box-shadow: 0 0 0 4px rgba(123, 48, 123, 0.02), 0 8px 30px rgba(123, 48, 123, 0.04) !important;
    border-color: rgba(123, 48, 123, 0.08) !important;
}

/* تعداد علاقه‌مندی‌ها */
.wd-header-wishlist .wd-tools-count {
    background: linear-gradient(135deg, #7B307B, #5A235A) !important;
    color: #FFFFFF !important;
    border-radius: 50% !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    min-width: 22px !important;
    height: 22px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 4px 15px rgba(123, 48, 123, 0.25) !important;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    padding: 0 5px !important;
    font-family: inherit !important;
    letter-spacing: 0.3px !important;
}

.wd-header-wishlist:hover .wd-tools-count {
    transform: scale(1.1) !important;
    box-shadow: 0 4px 25px rgba(123, 48, 123, 0.35) !important;
}

/* ============================================
   بخش 7: حالت دارک
   ============================================ */

.dark .wd-header-cart .wd-tools-icon {
    background: rgba(255, 255, 255, 0.02) !important;
    border-color: rgba(255, 255, 255, 0.03) !important;
}

.dark .wd-header-cart:hover .wd-tools-icon {
    background: rgba(255, 255, 255, 0.04) !important;
    border-color: rgba(123, 48, 123, 0.06) !important;
}

.dark .wd-header-my-account .wd-tools-icon {
    background: rgba(255, 255, 255, 0.02) !important;
    border-color: rgba(255, 255, 255, 0.03) !important;
}

.dark .wd-header-my-account:hover .wd-tools-icon {
    background: rgba(255, 255, 255, 0.04) !important;
    border-color: rgba(123, 48, 123, 0.06) !important;
}

.dark .wd-header-wishlist .wd-tools-icon {
    background: rgba(255, 255, 255, 0.02) !important;
    border-color: rgba(255, 255, 255, 0.03) !important;
}

.dark .wd-header-wishlist:hover .wd-tools-icon {
    background: rgba(255, 255, 255, 0.04) !important;
    border-color: rgba(123, 48, 123, 0.06) !important;
}

.dark .wd-header-divider {
    background: linear-gradient(180deg, transparent, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.04), transparent) !important;
}

.dark .wd-header-my-account .wd-dropdown {
    background: rgba(20, 20, 20, 0.98) !important;
    border-color: rgba(123, 48, 123, 0.06) !important;
}

.dark .wd-header-my-account .wd-dropdown .wd-sub-menu li a {
    color: #B0B0B8 !important;
}

.dark .wd-header-my-account .wd-dropdown .wd-sub-menu li a:hover {
    color: #C084C0 !important;
    background: rgba(255, 255, 255, 0.01) !important;
}

.dark .wd-header-my-account .wd-dropdown .wd-sub-menu li:last-child a {
    color: #EF5350 !important;
    border-top-color: rgba(244, 67, 54, 0.06) !important;
}

.dark .wd-header-my-account .wd-dropdown .wd-sub-menu li:last-child a:hover {
    color: #E53935 !important;
}

.dark .wd-header-cart .wd-cart-number,
.dark .wd-header-wishlist .wd-tools-count {
    background: linear-gradient(135deg, #7B307B, #5A235A) !important;
}

/* ============================================
   بخش 8: پشتیبانی از RTL
   ============================================ */

.whb-column10 {
    direction: rtl !important;
}

.wd-header-my-account .wd-dropdown .wd-sub-menu li a {
    border-right: 3px solid transparent !important;
    border-left: none !important;
}

.wd-header-my-account .wd-dropdown .wd-sub-menu li a:hover {
    border-right-color: #7B307B !important;
    transform: translateX(-4px) !important;
}

/* ============================================
   بخش 9: بهبود دسترسی
   ============================================ */

.wd-tools-element a:focus-visible {
    outline: 2px solid #7B307B !important;
    outline-offset: 3px !important;
    border-radius: 50% !important;
}

.wd-header-my-account .wd-dropdown .wd-sub-menu li a:focus-visible {
    outline: 2px solid #7B307B !important;
    outline-offset: -2px !important;
    border-radius: 6px !important;
}
.wd-header-search-form {
    border-radius: 50px !important;
    border: 2px solid rgba(123, 48, 123, 0.08) !important;
    background: rgba(255, 255, 255, 0.95) !important;
    transition: all 0.4s ease !important;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.02) !important;
}
.wd-header-search-form:focus-within {
    border-color: #7B307B !important;
    box-shadow: 0 0 0 4px rgba(123, 48, 123, 0.05), 0 4px 30px rgba(123, 48, 123, 0.04) !important;
}
.wd-header-search-form .searchform {
    display: flex !important;
    align-items: center !important;
    height: 48px !important;
    padding: 0 4px !important;
}
.wd-header-search-form .searchform input[type="text"] {
    height: 48px !important;
    padding: 0 20px !important;
    border: none !important;
    background: transparent !important;
    font-size: 14px !important;
    color: #1E1E1E !important;
    flex: 1 !important;
    text-align: right !important;
}
.wd-header-search-form .searchform input[type="text"]::placeholder {
    color: #B0B0B8 !important;
}

.wd-header-search-form .searchform input[type="text"]:focus {
    outline: none !important;
    box-shadow: none !important;
}
.wd-header-search-form .searchform .searchsubmit {
    background: transparent !important;
    border: none !important;
    color: #4A4A4A !important;
    padding: 0 18px !important;
    height: 48px !important;
    cursor: pointer !important;
    transition: color 0.3s ease !important;
    min-width: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.wd-header-search-form .searchform .searchsubmit:hover {
    color: #7B307B !important;
}
/* نتایج جستجو */
.wd-header-search-form .wd-search-results {
    border-radius: 16px !important;
    border: 1px solid rgba(123, 48, 123, 0.04) !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.03) !important;
    background: rgba(255, 255, 255, 0.98) !important;
    backdrop-filter: blur(20px) !important;
    margin-top: 10px !important;
    overflow: hidden !important;
}

.wd-header-search-form .wd-search-results .wd-search-result-item {
    padding: 12px 18px !important;
    transition: background 0.3s ease !important;
    border-bottom: 1px solid rgba(123, 48, 123, 0.02) !important;
}

.wd-header-search-form .wd-search-results .wd-search-result-item:hover {
    background: rgba(123, 48, 123, 0.02) !important;
}

/* ============================================
   استایل دکمه دسته‌بندی محصولات
   ============================================ */

/* ===== دکمه اصلی ===== */
.wd-header-cats .menu-opener {
    background: linear-gradient(135deg, #7B307B, #6A2A6A) !important;
    border-radius: 30px !important;
    padding: 8px 22px !important;
    color: #FFFFFF !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    transition: all 0.4s ease !important;
    box-shadow: 0 4px 20px rgba(123, 48, 123, 0.15) !important;
    border: none !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    letter-spacing: 0.3px !important;
    cursor: pointer !important;
}

.wd-header-cats .menu-opener:hover {
    background: linear-gradient(135deg, #5A235A, #4A1A4A) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 30px rgba(123, 48, 123, 0.25) !important;
}

.wd-header-cats .menu-opener .menu-opener-icon {
    font-size: 16px !important;
    display: flex !important;
    align-items: center !important;
}

.wd-header-cats .menu-opener .menu-open-label {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}

/* ===== دراپ‌داون منو ===== */
.wd-dropdown-cats {
    border-radius: 16px !important;
    border: 1px solid rgba(123, 48, 123, 0.04) !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.03) !important;
    padding: 8px 0 !important;
    background: rgba(255, 255, 255, 0.98) !important;
    backdrop-filter: blur(20px) !important;
}

.wd-dropdown-cats .wd-nav-link {
    padding: 8px 20px !important;
    color: #4A4A4A !important;
    font-size: 14px !important;
    transition: all 0.3s ease !important;
    border-right: 3px solid transparent !important;
}

.wd-dropdown-cats .wd-nav-link:hover {
    color: #7B307B !important;
    background: rgba(123, 48, 123, 0.02) !important;
    border-right-color: #7B307B !important;
    transform: translateX(-4px) !important;
}

.wd-dropdown-cats .current-menu-item .wd-nav-link {
    color: #7B307B !important;
    background: rgba(123, 48, 123, 0.02) !important;
    border-right-color: #7B307B !important;
}

@media screen and (max-width: 1024px) {
.whb-column.whb-col-right.whb-column10.whb-visible-lg {
    display: none !important;
	
	}
.wd-toolbar {
	height: 70px !important;}
	.wd-toolbar.wd-toolbar-label-show .wd-toolbar-label {
    margin-bottom: -12px;
}
	.whb-color-dark:not(.whb-with-bg) {
    height: 55px;
    background-color: #fff;
    padding: 7px;
	}}