.elementor-280 .elementor-element.elementor-element-86d657c .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .form-row .input-text, .elementor-280 .elementor-element.elementor-element-86d657c .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .form-row select, .elementor-280 .elementor-element.elementor-element-86d657c .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .select2-container--default .select2-selection--single, .elementor-280 .elementor-element.elementor-element-86d657c .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .select2-container--default, .select2-results__option, .elementor-280 .elementor-element.elementor-element-86d657c .e-my-account-tab__payment-methods input[type=text]{background-color:#2116164D;}.elementor-280 .elementor-element.elementor-element-86d657c{--tab-content-spacing:0px;--tabs-alignment:center;--sections-background-color:#FFFFFF00;--forms-fields-normal-color:#01B7F9;--forms-fields-border-radius:10px 10px 10px 10px;--forms-fields-padding:10px 10px 10px 10px;--order-summary-rows-gap-top:calc( 0px/2 );--order-summary-rows-gap-bottom:calc( 0px/2 );}.e-woo-select2-wrapper .select2-results__option{color:#01B7F9;}.elementor-280 .elementor-element.elementor-element-86d657c .select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#01B7F9 transparent transparent transparent;}.elementor-280 .elementor-element.elementor-element-86d657c .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:calc( (10px*2) + 16px );padding-left:10px;padding-right:10px;}.elementor-280 .elementor-element.elementor-element-86d657c .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .select2-container--default .select2-selection--single .select2-selection__arrow{height:calc( (10px*2) + 16px );right:10px;}.elementor-280 .elementor-element.elementor-element-86d657c .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .select2-container--default .select2-selection--single{height:auto;}.elementor-280 .elementor-element.elementor-element-86d657c button.button, .elementor-280 .elementor-element.elementor-element-86d657c #add_payment_method #payment #place_order{font-family:"dana", Sans-serif;font-size:1px;}@media(max-width:767px){.elementor-280 .elementor-element.elementor-element-86d657c{--tabs-alignment:center;}}/* Start custom CSS for woocommerce-my-account, class: .elementor-element-86d657c *//* ==========================================================================
   رفع مشکل ناخوانایی و استایل تاریک نئونی حساب کاربری زوبس (My Account)
   ========================================================================== */

/* ۱. استایل‌دهی مجدد به کانتینر اصلی سایدبار تب‌ها */
.woocommerce-MyAccount-navigation {
    background: rgba(255, 255, 255, 0.02) !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    border-radius: 16px !important;
    padding: 15px !important;
    margin-bottom: 25px !important;
}

/* رفع پس‌زمینه سفید تب‌های غیرفعال (پیشخوان، سفارشات و...) */
.woocommerce-MyAccount-navigation ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
}

.woocommerce-MyAccount-navigation ul li {
    background: transparent !important; /* حذف پس‌زمینه سفید پیش‌فرض */
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* استایل عمومی لینک‌های منو در حالت عادی */
.woocommerce-MyAccount-navigation ul li a {
    display: block !important;
    padding: 14px 18px !important;
    background: rgba(255, 255, 255, 0.03) !important; /* پس‌زمینه تیره و ملایم شیشه‌ای */
    color: #b9c8d6 !important; /* رنگ متون منو */
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: 12px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    text-decoration: none !important;
    text-align: right !important;
}

/* هاور و حالت فعال منوها (تغییر کامل رنگ سفید به گرادینت نئونی یا سایان) */
.woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-MyAccount-navigation ul li.is-active a {
    background: rgba(0, 242, 255, 0.08) !important;
    color: #00f2ff !important; /* رنگ سایان نئونی زوبس */
    border-color: rgba(0, 242, 255, 0.3) !important;
    box-shadow: 0 0 15px rgba(0, 242, 255, 0.1) !important;
    padding-right: 24px !important; /* افکت حرکت ملایم به چپ در هاور */
}


/* ۲. اصلاح کانتینر اصلی نمایش محتوا (سمت چپ یا بخش اصلی) */
.woocommerce-MyAccount-content {
    background: rgba(255, 255, 255, 0.02) !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    border-radius: 16px !important;
    padding: 30px !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

/* اصلاح تمام تگ‌های متنی داخل محتوا برای خوانایی ۱۰۰٪ در پوسته تاریک */
.woocommerce-MyAccount-content p,
.woocommerce-MyAccount-content span,
.woocommerce-MyAccount-content div,
.woocommerce-MyAccount-content label {
    color: #b9c8d6 !important; /* تغییر رنگ خاکستری تیره پیش‌فرض به رنگ روشن */
    font-size: 14px !important;
    line-height: 1.8 !important;
}

/* لینک‌های درون‌متنی (مانند خارج شوید، ویرایش حساب و...) */
.woocommerce-MyAccount-content a:not(.button) {
    color: #00f2ff !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    transition: color 0.2s ease !important;
}

.woocommerce-MyAccount-content a:not(.button):hover {
    color: #2effb8 !important; /* تغییر رنگ به سبز نئونی در هاور */
}


/* ۳. حل مشکل باکس‌های آدرس سفید رنگ (Billing & Shipping Addresses) */
.woocommerce-MyAccount-content .u-columns.addresses,
.woocommerce-MyAccount-content .u-column1,
.woocommerce-MyAccount-content .u-column2 {
    background: transparent !important;
    border: none !important;
}

/* استایل باکس‌های آدرس‌ها */
.woocommerce-MyAccount-content address {
    background: rgba(255, 255, 255, 0.03) !important; /* تغییر پس‌زمینه سفید به تیره شیشه‌ای */
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 12px !important;
    padding: 24px !important;
    color: #b9c8d6 !important;
    font-style: normal !important;
    line-height: 2 !important;
    margin-top: 10px !important;
}

/* اصلاح عنوان آدرس‌ها (مانند آدرس صورتحساب و آدرس حمل و نقل) */
.woocommerce-MyAccount-content h3,
.woocommerce-MyAccount-content h4,
.woocommerce-MyAccount-content .woocommerce-Address-title h3 {
    color: #00f2ff !important; /* سایان نئونی */
    font-size: 18px !important;
    font-weight: 700 !important;
    margin-bottom: 15px !important;
    border: none !important;
}


/* ۴. دکمه‌های "افزودن آدرس" و دکمه‌های اکشن فرم */
.woocommerce-MyAccount-content .button,
.woocommerce-MyAccount-content a.button,
.woocommerce-MyAccount-content button[type="submit"] {
    background: rgba(255, 255, 255, 0.05) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    padding: 10px 20px !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    display: inline-block !important;
    text-align: center !important;
}

/* هاور دکمه‌ها */
.woocommerce-MyAccount-content .button:hover,
.woocommerce-MyAccount-content a.button:hover,
.woocommerce-MyAccount-content button[type="submit"]:hover {
    background: linear-gradient(90deg, #00f2ff, #2effb8) !important; /* گرادینت برند زوبس */
    color: #081219 !important; /* رنگ متن تیره روی دکمه نئونی */
    border-color: transparent !important;
    box-shadow: 0 4px 15px rgba(0, 242, 255, 0.3) !important;
    transform: translateY(-2px) !important;
}

/* حذف پس‌زمینه سفید از باکس‌های وضعیت ووکامرس */
.woocommerce-MyAccount-content .woocommerce-info,
.woocommerce-MyAccount-content .woocommerce-message,
.woocommerce-MyAccount-content .woocommerce-error {
    background-color: transparent !important;
    background: rgba(255, 255, 255, 0.02) !important; /* یک پس‌زمینه شیشه‌ای خیلی ملایم */
    border: 1px solid rgba(0, 242, 255, 0.2) !important; /* حاشیه نئونی */
    color: #b9c8d6 !important; /* رنگ متن هماهنگ با تم */
    border-radius: 12px !important;
    padding: 15px 20px !important;
    display: flex !important;
    align-items: center !important;
}

/* اصلاح رنگ لینک داخل این باکس */
.woocommerce-MyAccount-content .woocommerce-info a {
    color: #00f2ff !important;
    font-weight: bold !important;
    margin-left: 10px !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'dana';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://zobs.ir/wp-content/uploads/2026/06/light-2.woff2') format('woff2');
}
/* End Custom Fonts CSS */