.elementor-26602 .elementor-element.elementor-element-d260cf0{--display:flex;}/* Start custom CSS for wc-elements, class: .elementor-element-a14dc02 *//* 1. استایل کلی برای کادر منو */
.woocommerce-MyAccount-navigation {
    width: 100%;
    margin-bottom: 25px;
    border: 1px solid #e0e0e0;
    border-radius: 8px; /* گوشه‌های گرد */
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.07);
}

/* 2. حذف استایل پیش‌فرض لیست */
.woocommerce-MyAccount-navigation ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* 3. استایل هر آیتم منو */
.woocommerce-MyAccount-navigation ul li {
    margin: 0;
    border-bottom: 1px solid #e0e0e0; /* خط جداکننده بین آیتم‌ها */
}

/* 4. آخرین آیتم خط جداکننده نداشته باشه */
.woocommerce-MyAccount-navigation ul li:last-child {
    border-bottom: none;
}

/* 5. استایل لینک‌های داخل منو */
.woocommerce-MyAccount-navigation ul li a {
    display: block;
    padding: 16px 20px;
    text-decoration: none;
    color: #444;
    font-weight: 600;
    font-size: 15px;
    transition: all 0.25s ease-in-out;
    border-right: 5px solid transparent; /* یک خط رنگی نامرئی در سمت راست */
}

/* 6. استایل هاور (وقتی موس روی آیتم میره) */
.woocommerce-MyAccount-navigation ul li:not(.is-active) a:hover {
    background-color: #f9f9f9;
    color: #000;
    border-right-color: #00a99d; /* خط رنگی در هاور ظاهر می‌شود */
    padding-right: 25px; /* کمی تورفتگی برای زیبایی */
}

/* 7. استایل آیتم فعال (صفحه‌ای که در آن هستیم) */
.woocommerce-MyAccount-navigation ul li.is-active a {
    background-color: #f0faf9; /* یک پس‌زمینه خیلی ملایم از رنگ اصلی */
    color: #00a99d;
    border-right-color: #00a99d;
    padding-right: 25px;
    font-weight: 700; /* کمی ضخیم‌تر برای تاکید */
}
/* 1. آیتم منوی خروج را انتخاب می‌کند */
.woocommerce-MyAccount-navigation-link--customer-logout a {
  /* 2. متن اصلی ("Log out") را نامرئی می‌کند */
  visibility: hidden;
  position: relative; /* برای جای‌گذاری صحیح متن جدید */
}

/* 3. متن فارسی جدید ("خروج") را به جای متن قبلی نمایش می‌دهد */
.woocommerce-MyAccount-navigation-link--customer-logout a::after {
  content: "خروج"; /* متن دلخواه خود را اینجا بنویس */
  visibility: visible; /* متن جدید را قابل مشاهده می‌کند */
  position: absolute;
  top: 16px; /* این عدد را برای تنظیم موقعیت عمودی تغییر بده */
  right: 20px; /* این عدد را برای تنظیم موقعیت افقی تغییر بده */
}

/* 1. پاراگرافی که حاوی لینک "orders" است را به طور دقیق انتخاب می‌کند */
.woocommerce-MyAccount-content p:has(a[href*="orders"]) {
    /* 2. تمام متن انگلیسی داخل پاراگراف را مخفی می‌کند */
    font-size: 0;
}

/* 3. بخش اول جمله فارسی را قبل از هر چیزی اضافه می‌کند */
.woocommerce-MyAccount-content p:has(a[href*="orders"])::before {
    content: "از پیشخوان حساب کاربری خود می‌توانید ";
    font-size: 14px; /* اندازه فونت را به حالت عادی برگردان */
    color: #555; /* رنگ متن را متناسب با سایت خود تنظیم کن */
}

/* 4. استایل لینک‌ها را به حالت عادی برمی‌گرداند */
.woocommerce-MyAccount-content p:has(a[href*="orders"]) a {
    font-size: 14px;
    text-decoration: underline; /* برای حفظ ظاهر لینک */
}

/* 5. متن انگلیسی لینک اول ("recent orders") را مخفی می‌کند */
.woocommerce-MyAccount-content p:has(a[href*="orders"]) a[href*="orders"] {
    font-size: 0;
}

/* 6. ترجمه فارسی لینک اول را اضافه می‌کند */
.woocommerce-MyAccount-content p:has(a[href*="orders"]) a[href*="orders"]::after {
    content: "سفارش‌های اخیرتان";
    font-size: 14px;
}

/* 7. متن انگلیسی لینک دوم ("billing address") را مخفی می‌کند */
.woocommerce-MyAccount-content p:has(a[href*="orders"]) a[href*="edit-address"] {
    font-size: 0;
}

/* 8. متن فارسی بین لینک اول و دوم را اضافه می‌کند */
.woocommerce-MyAccount-content p:has(a[href*="orders"]) a[href*="edit-address"]::before {
    content: " را مشاهده کنید، ";
    font-size: 14px;
    color: #555;
}

/* 9. ترجمه فارسی لینک دوم را اضافه می‌کند */
.woocommerce-MyAccount-content p:has(a[href*="orders"]) a[href*="edit-address"]::after {
    content: "آدرس خود";
    font-size: 14px;
}

/* 10. متن انگلیسی لینک سوم را مخفی می‌کند */
.woocommerce-MyAccount-content p:has(a[href*="orders"]) a[href*="edit-account"] {
    font-size: 0;
}

/* 11. متن فارسی بین لینک دوم و سوم را اضافه می‌کند */
.woocommerce-MyAccount-content p:has(a[href*="orders"]) a[href*="edit-account"]::before {
    content: " را مدیریت کنید و ";
    font-size: 14px;
    color: #555;
}

/* 12. ترجمه فارسی لینک سوم را اضافه می‌کند */
.woocommerce-MyAccount-content p:has(a[href*="orders"]) a[href*="edit-account"]::after {
    content: "رمز عبور و جزئیات حساب خود را ویرایش کنید";
    font-size: 14px;
}
/* 1. دکمه "Browse products" را به طور دقیق انتخاب می‌کند */
a.button.wc-forward[href$="/shop/"] {
    /* 2. متن اصلی ("Browse products") را مخفی می‌کند */
    font-size: 0 !important;
    line-height: 0 !important; /* برای برخی قالب‌ها جهت اطمینان از مخفی شدن کامل */
    padding-top: 12px; /* ممکن است نیاز به تنظیم پدینگ داشته باشید */
    padding-bottom: 12px;
}

/* 3. متن فارسی جدید ("مشاهده محصولات") را اضافه می‌کند */
a.button.wc-forward[href$="/shop/"]::after {
    content: "مشاهده محصولات"; /* متن دلخواه خود را اینجا بنویسید */
    font-size: 14px; /* اندازه فونت را متناسب با سایت خود تنظیم کنید */
    line-height: normal; /* بازگرداندن ارتفاع خط به حالت عادی */
}/* End custom CSS */