.elementor-1501 .elementor-element.elementor-element-3614d3aa{--display:flex;}.elementor-1501 .elementor-element.elementor-element-55712dbf{color:var( --e-global-color-text );}.elementor-1501 .elementor-element.elementor-element-55712dbf a{color:var( --e-global-color-text );}/* Start custom CSS for text-editor, class: .elementor-element-55712dbf *//* تغییر رنگ پس‌زمینه باکس‌هایی که این کلاس را دارند */
.elementor-1501 .elementor-element.elementor-element-55712dbf .dash-card-head {
    background-color: #c2742f   !important; /* رنگ خاکستری مورد نظرت */
    padding: 15px; /* اگر لازم شد فاصله داخلی هم داشته باشد */
    border-radius: 8px; /* اگر خواستی گوشه‌ها گرد باشد */
}
/* تغییر رنگ پس‌زمینه منوی ناوبری حساب کاربری */
.woocommerce-MyAccount-navigation {
    background-color: #2d2d2d !important;
    padding: 20px;
    border-radius: 8px;
}

/* اگر می‌خواهی لینک‌های داخل این باکس هم خوانا باشند */
.woocommerce-MyAccount-navigation ul li a {
    color: #ffffff !important;
}

/* تغییر رنگ باکس‌های محتوایی سمت چپ (همان که در اسکرین‌شات 95 است) */
.elementor-1501 .elementor-element.elementor-element-55712dbf .dash-card-head {
    background-color: #e5e5e5 !important; /* یک خاکستری روشن‌تر برای تمایز */
    border-radius: 8px;
    padding: 15px;
}
/* تغییر رنگ باکس هدر حساب کاربری به مشکی */
.account-nav-header {
    background-color: #000000 !important; /* رنگ مشکی */
    color: #ffffff !important; /* برای اینکه متن‌های داخلش سفید بمانند و خوانا باشند */
    padding: 20px;
    border-radius: 8px;
}

/* در صورت نیاز به تغییر رنگ آیکون‌ها یا متن‌های خاص داخل این بخش */
.account-nav-header * {
    color: #ffffff !important;
}
/* تغییر رنگ پس‌زمینه کانتنت اصلی حساب کاربری */
.woocommerce-MyAccount-content {
    background-color: #2d2d2d !important;
    padding: 25px !important; /* کمی فاصله برای زیبایی */
    border-radius: 10px !important; /* گرد کردن گوشه‌ها اگر دوست داری */
    color: #ffffff !important; /* تغییر رنگ متن‌های داخل این باکس به سفید برای خوانایی */
}

/* اگر می‌خواهی لینک‌های داخل این بخش هم به رنگ سفید دربیاید */
.woocommerce-MyAccount-content a {
    color: #ffffff !important;
    text-decoration: underline; /* اختیاری: زیر خط‌دار کردن لینک‌ها */
}
/* تغییر رنگ بخش عنوان پیشخوان به مشکی */
.dashboard-header {
    background-color !important;
    color: #ffffff !important; /* متن‌ها سفید */
    padding: 20px !important;
    border-radius: 8px !important;
}

/* اطمینان از اینکه تمام متن‌های داخل این هدر سفید باشند */
.dashboard-header, .dashboard-header h1, .dashboard-header h2, .dashboard-header p {
    color: #ffffff !important;
}
/* استایل کانتینر اصلی حساب کاربری با پس‌زمینه مشکی و متن نارنجی */
.account-wrapper.d-flex.flex-column.gap-4 {
    background-color: #000000 !important;
    color: #C2742F !important; /* تغییر رنگ متن اصلی به کد درخواستی شما */
    padding: 30px !important;
    border-radius: 15px !important;
    margin: 20px auto !important;
}

/* اعمال رنگ نارنجی به تمامی عناصر متنی داخل کانتینر اصلی */
.account--wrapper.d-flex.flex-column.gap-4 *, 
.account-wrapper.d-flex.flex-column.gap-4 h1, 
.account-wrapper.d-flex.flex-column.gap-4 h2, 
.account-wrapper.d-flex.flex-column.gap-4 h3, 
.account-wrapper.d-flex.flex-column.gap-4 p, 
.account-wrapper.d-flex.flex-column.gap-4 span,
.account-wrapper.d-flex.flex-column.gap-4 label,
.account-wrapper.d-flex.flex-column.gap-4 a {
    color: #C2742F !important;
}

/* تنظیم فاصله بین بخش‌های داخلی */
.account-wrapper.d-flex.flex-column.gap-4 {
    gap: 2rem !important;
}

/* نکته: اگر لینک‌ها نیاز به رنگ متفاوتی در حالت Hover دارند، 
   می‌توانید در اینجا استایل اضافه کنید. */
.dashboard-stats-items {
  background-color: #000000;
  padding: 20px; /* برای اینکه محتوا به لبه‌های مشکی نچسبد */
  border-radius: 10px; /* اگر دوست دارید گوشه‌ها کمی گرد شود */
}
.woocommerce-MyAccount-navigation-link--dashboard.is-active : hover {
  background-color: #000000 !important;
  color: #ffffff !important;
}
/* تغییر رنگ پس‌زمینه کانتینر اصلی */
.account-wrapper.p-3 {
    background-color: #000000 !important;
    color: #ffffff !important; /* برای اینکه متن‌های داخلش هم خوانا شوند */
}
.dashboard-name {
    color: #ffffff !important;
}
/* تبدیل پس‌زمینه کانتینر اصلی به مشکی */
.account-wrapper {
    background-color: #000000 !important;
    border: none !important; /* اگر حاشیه سفید دارد، حذف می‌شود */
}

/* در صورتی که باکس‌های آبی روی پس‌زمینه مشکی نیاز به تفکیک دارند */
.woocommerce-MyAccount-content .account-wrapper {
    background-color: #000000 !important;
}
/* تغییر رنگ پس‌زمینه باکس‌های آماری به خاکستری */
.stats-item {
    background-color: #333333 !important; /* یک خاکستری تیره که با پس‌زمینه مشکی هماهنگ باشد */
    border: none !important; /* اگر حاشیه دارد حذف شود */
}

/* اگر می‌خواهید رنگ متن داخل این باکس‌ها هم تغییر کند (مثلاً سفید شود) */
.stats-item * {
    color: #ffffff !important;
}
input.dash-input, 
input[type="text"].dash-input {
    color: #ffffff !important;
}

input.dash-input::placeholder, 
input[type="text"].dash-input::placeholder {
    color: #ffffff !important;
    opacity: 0.8 !important;
}
input[name="datis_email"],
input[name="datis_email"].dash-input {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
.dash-field {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
.dash-hint-item {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    opacity: 1 !important;
}
/* تنظیم رنگ دکمه به خاکستری متوسط */
.dash-btn.dash-btn-primary {
    background-color: #7f8c8d !important; 
    border-color: #7f8c8d !important;
    color: #ffffff !important;
    background-image: none !important; /* حذف گرادینت پیش‌فرض قالب */
}

/* تغییر رنگ هنگام بردن موس روی دکمه (هاور) */
.dash-btn.dash-btn-primary:hover,
.dash-btn.dash-btn-primary:focus {
    background-color: #6c7a7b !important; /* کمی تیره‌تر برای بازخورد بصری */
    border-color: #6c7a7b !important;
    color: #ffffff !important;
    background-image: none !important;
}/* End custom CSS */