.elementor-62 .elementor-element.elementor-element-88ee951{--display:flex;overflow:visible;}:root{--page-title-display:none;}/* Start custom CSS for shortcode, class: .elementor-element-ed35e8b *//* استایل کلی برای بخش ورود و عضویت */
.woocommerce .u-column1,
.woocommerce .u-column2 {
    background: rgba(255, 255, 255, 0.6); /* پس‌زمینه شیشه‌ای */
    backdrop-filter: blur(15px); /* افکت شیشه‌ای */
    border-radius: 15px; /* گوشه‌های گرد */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); /* سایه زیبا */
    padding: 20px; /* فاصله داخلی */
    margin-bottom: 20px; /* فاصله بین ستون‌ها */
    border: 1px solid rgba(255, 255, 255, 0.3); /* حاشیه محو */
}

/* استایل فرم ورود و عضویت */
.woocommerce form {
    display: flex;
    flex-direction: column;
    gap: 15px; /* فاصله بین فیلدها */
}

.woocommerce input[type="text"],
.woocommerce input[type="password"],
.woocommerce input[type="email"] {
    width: 100%;
    padding: 12px;
    font-size: 14px;
    font-family: 'IranYekanX', sans-serif; /* فونت ایران یکان ایکس */
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.7);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

.woocommerce input[type="text"]:focus,
.woocommerce input[type="password"]:focus,
.woocommerce input[type="email"]:focus {
    border-color: rgba(46, 139, 87, 0.8); /* سبز تیره */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2);
    outline: none;
}

/* دکمه‌ها */
.woocommerce button.button {
    background: #2e8b57; /* سبز تیره */
    color: #fff;
    font-family: 'IranYekanX', sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    border: none;
    border-radius: 8px;
    padding: 12px 20px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.woocommerce button.button:hover {
    background: #225f44; /* سبز تیره‌تر */
    transform: translateY(-3px);
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3);
}

/* پیام‌ها (خطاها و موفقیت‌ها) */
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-error {
    background: rgba(255, 255, 255, 0.8);
    border-left: 4px solid #2e8b57; /* خط سبز */
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 20px;
    font-size: 14px;
    color: #333;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

/* استایل جدول حساب کاربری */
.woocommerce-MyAccount-orders {
    background: rgba(255, 255, 255, 0.6);
    border-radius: 15px;
    padding: 20px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
    backdrop-filter: blur(10px);
}

.woocommerce-MyAccount-orders th {
    background: #2e8b57;
    color: #fff;
    padding: 12px;
    text-align: left;
}

.woocommerce-MyAccount-orders td {
    padding: 10px;
    border-bottom: 1px solid #e0e0e0;
    color: #333;
}

/* لینک‌های منو */
.woocommerce-MyAccount-navigation ul li a {
    display: block;
    padding: 12px 15px;
    background: rgba(46, 139, 87, 0.7);
    color: #fff;
    text-decoration: none;
    border-radius: 8px;
    font-size: 14px;
    font-weight: bold;
    transition: all 0.3s ease;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-MyAccount-navigation ul li.is-active a {
    background: rgba(34, 95, 68, 0.9);
    transform: translateY(-2px);
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3);
}

/* ریسپانسیو */
@media (max-width: 767px) {
    .woocommerce input[type="text"],
    .woocommerce input[type="password"],
    .woocommerce input[type="email"] {
        padding: 10px;
    }

    .woocommerce button.button {
        font-size: 13px;
        padding: 10px 18px;
    }

    .woocommerce-MyAccount-navigation ul li a {
        font-size: 13px;
        padding: 10px;
    }
}
/* استایل کلی برای پنل کاربری ووکامرس */
.woocommerce-MyAccount-content {
    font-family: 'IranYekanX', sans-serif; /* فونت ایران یکان ایکس */
    background: rgba(255, 255, 255, 0.7); /* پس‌زمینه شیشه‌ای */
    backdrop-filter: blur(10px); /* شیشه‌ای */
    border-radius: 15px; /* گوشه‌های گرد */
    padding: 20px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); /* سایه */
}



/* استایل لینک‌های منو */
.woocommerce-MyAccount-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.woocommerce-MyAccount-navigation ul li {
    margin-bottom: 10px;
}

.woocommerce-MyAccount-navigation ul li a {
    display: block;
    padding: 12px 15px;
    background: rgba(255, 99, 71, 0.7); /* قرمز لایت */
    color: #fff;
    text-decoration: none;
    border-radius: 8px;
    font-size: 14px;
    font-weight: bold;
    transition: all 0.3s ease;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    text-align: center;
}

.woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-MyAccount-navigation ul li.is-active a {
    background: rgba(255, 69, 58, 0.9); /* قرمز تیره‌تر */
    transform: translateY(-2px);
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3);
}

/* استایل بخش محتوا */
.woocommerce-MyAccount-content h2 {
    font-size: 18px;
    color: #333;
    margin-bottom: 15px;
    border-bottom: 2px solid rgba(255, 99, 71, 0.5); /* خط قرمز لایت */
    padding-bottom: 5px;
}

.woocommerce-MyAccount-content p {
    font-size: 14px;
    line-height: 1.8;
    color: #555;
}

/* استایل دکمه‌ها */
.woocommerce-MyAccount-content .button {
    display: inline-block;
    background: rgba(255, 99, 71, 0.7); /* قرمز لایت */
    color: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    text-transform: uppercase;
    transition: all 0.3s ease;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    text-align: center;
}

.woocommerce-MyAccount-content .button:hover {
    background: rgba(255, 69, 58, 0.9); /* قرمز تیره‌تر */
    transform: translateY(-2px);
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3);
}

/* استایل پیام‌ها */
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-error,
.woocommerce .woocommerce-info {
    background: rgba(255, 255, 255, 0.8); /* پس‌زمینه شفاف */
    border-left: 4px solid rgba(255, 99, 71, 0.7); /* خط قرمز */
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 20px;
    font-size: 14px;
    color: #333;
}

/* ریسپانسیو برای موبایل */
@media (max-width: 767px) {
    .woocommerce-MyAccount-content {
        padding: 15px;
    }

    .woocommerce-MyAccount-navigation ul li a {
        font-size: 13px;
        padding: 10px;
    }

    .woocommerce-MyAccount-content .button {
        font-size: 13px;
        padding: 8px 16px;
    }
}
/* Main styles for WooCommerce account panel */
.woocommerce-account {
    font-family: 'IranYekanX', sans-serif;
}

/* Right panel (Dashboard, Orders, etc.) styles */
.woocommerce-account .woocommerce-MyAccount-navigation ul {
    font-family: 'IranYekanX', sans-serif; /* فونت ایران یکان ایکس */
    background: rgba(255, 255, 255, 0.2); /* پس‌زمینه نیمه‌شفاف */
    backdrop-filter: blur(10px); /* افکت شیشه‌ای */
    border-radius: 12px; /* گوشه‌های گرد */
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1); /* سایه ملایم */
    border: 1px solid rgba(255, 255, 255, 0.3); /* حاشیه نیمه‌شفاف */
    padding: 15px; /* فاصله داخلی */
    margin: 10px 0; /* فاصله از بالا و پایین */
    list-style: none; /* حذف بولت‌های لیست */
    transition: all 0.3s ease; /* انیمیشن برای تغییرات */
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li {
    padding: 10px; /* فاصله داخلی برای آیتم‌ها */
    border-bottom: 1px solid rgba(255, 255, 255, 0.2); /* خط جداکننده بین آیتم‌ها */
    transition: background 0.3s ease; /* انیمیشن برای هاور */
}

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

.woocommerce-account .woocommerce-MyAccount-navigation ul li:hover {
    background: rgba(255, 255, 255, 0.1); /* تغییر رنگ زمینه در هاور */
    cursor: pointer; /* نشانگر موس به حالت اشاره‌گر */
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    color: #333; /* رنگ متن لینک‌ها */
    text-decoration: none; /* حذف زیرخط لینک */
    font-size: 14px; /* اندازه متن لینک‌ها */
    display: block; /* لینک تمام عرض آیتم را پوشش دهد */
    transition: color 0.3s ease; /* انیمیشن برای تغییر رنگ متن */
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
    color: #007cba; /* تغییر رنگ لینک هنگام هاور */
}


.woocommerce-account .woocommerce-MyAccount-navigation ul li {
    color: #333; /* Default text color */
    font-family: 'IranYekanX', sans-serif;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active {
    color: #008000; /* Active item text color - green */
}

/* Remove downloads section */
.woocommerce-account .woocommerce-MyAccount-navigation-link--downloads {
    display: none;
}

/* Logout button styles */
.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout a {
    color: #ff0000; /* Red color */
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
    100% {
        transform: scale(1);
    }
}

/* Login and registration page styles */
.woocommerce-form-login, .woocommerce-form-register {
    font-family: 'IranYekanX', sans-serif;
}

/* Add hover effect for navigation items */
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
    color: #006400; /* Dark green */
    text-decoration: underline;
}

/* Style for account content boxes */
.woocommerce-account .woocommerce-MyAccount-content {
    background: rgba(240, 255, 240, 0.8); /* Light green glass effect */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding: 20px;
}

/* Style for forms in account pages */
.woocommerce-account form {
    font-family: 'IranYekanX', sans-serif;
    background: #fff;
    border: 1px solid #ddd;
    padding: 15px;
    border-radius: 8px;
}

.woocommerce-account form input, .woocommerce-account form textarea {
    font-family: 'IranYekanX', sans-serif;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 10px;
    width: 100%;
}

.woocommerce-account form button {
    background-color: #008000; /* Green */
    color: #fff;
    font-family: 'IranYekanX', sans-serif;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
}

.woocommerce-account form button:hover {
    background-color: #006400; /* Dark green */
}/* End custom CSS */