.elementor-377 .elementor-element.elementor-element-1a46f14{--display:flex;--min-height:360px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;overflow:visible;}.elementor-377 .elementor-element.elementor-element-1a46f14:not(.elementor-motion-effects-element-type-background), .elementor-377 .elementor-element.elementor-element-1a46f14 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://shop.fitco.ir/wp-content/uploads/2026/09/my-account-irantire.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-377 .elementor-element.elementor-element-bce4fe5{z-index:2;}.elementor-377 .elementor-element.elementor-element-bce4fe5 .elementor-heading-title{color:var( --e-global-color-3a69ac3 );}.elementor-377 .elementor-element.elementor-element-02a23c0{z-index:2;}.elementor-377 .elementor-element.elementor-element-3611028{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;overflow:visible;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-377 .elementor-element.elementor-element-1a46f14{--min-height:300px;}}/* Start custom CSS for shortcode, class: .elementor-element-02a23c0 */.rank-math-breadcrumb p{
	margin-bottom:0;
}
.rank-math-breadcrumb p span{
	font-size:14px;
	color:var(--e-global-color-3a69ac3);
	font-weight: 400;
}
.rank-math-breadcrumb p a{
	font-size:14px;
	color:var(--e-global-color-4957276);
	font-weight: 400;
}
.rank-math-breadcrumb .separator {
  display: none;
}
.rank-math-breadcrumb p a::after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'><path d='M12.4999 17.225C12.3416 17.225 12.1832 17.1667 12.0582 17.0417L6.6249 11.6083C5.74157 10.725 5.74157 9.275 6.6249 8.39167L12.0582 2.95833C12.2999 2.71667 12.6999 2.71667 12.9416 2.95833C13.1832 3.2 13.1832 3.6 12.9416 3.84167L7.50824 9.275C7.10824 9.675 7.10824 10.325 7.50824 10.725L12.9416 16.1583C13.1832 16.4 13.1832 16.8 12.9416 17.0417C12.8166 17.1583 12.6582 17.225 12.4999 17.225Z'/></svg>");
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'><path d='M12.4999 17.225C12.3416 17.225 12.1832 17.1667 12.0582 17.0417L6.6249 11.6083C5.74157 10.725 5.74157 9.275 6.6249 8.39167L12.0582 2.95833C12.2999 2.71667 12.6999 2.71667 12.9416 2.95833C13.1832 3.2 13.1832 3.6 12.9416 3.84167L7.50824 9.275C7.10824 9.675 7.10824 10.325 7.50824 10.725L12.9416 16.1583C13.1832 16.4 13.1832 16.8 12.9416 17.0417C12.8166 17.1583 12.6582 17.225 12.4999 17.225Z'/></svg>");
    mask-size: contain;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  background-color:var(--e-global-color-4957276);
  width: 17px; 
  height: 17px;
  margin-left: 7px;
  margin-right: 7px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1a46f14 */.elementor-377 .elementor-element.elementor-element-1a46f14:after{
    content: '';
    width: 100%;
    height: 100%;
    background: radial-gradient(167.66% 157.18% at -25.49% -29.66%, rgba(0, 0, 0, 0.70) 0%, rgba(30, 33, 39, 0.70) 63.15%, rgba(7, 10, 15, 0.70) 100%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-5303009 *//* کانتینر اصلی */
.elementor-377 .elementor-element.elementor-element-5303009 .woocommerce-MyAccount-navigation,
.elementor-377 .elementor-element.elementor-element-5303009 .woocommerce-MyAccount-content {
    float: none !important;
    width: 100% !important;
}

.elementor-377 .elementor-element.elementor-element-5303009 .woocommerce {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    direction: rtl;
    text-align: right;
    font-family: inherit;
}

/* --- منوی سمت راست (Navigation) --- */
.elementor-377 .elementor-element.elementor-element-5303009 .woocommerce-MyAccount-navigation {
    flex: 0 0 280px;
    background: #ffffff;
    border-radius: 16px;
    padding: 20px 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    border: 1px solid #f0f0f0;
    height: fit-content;
}

.elementor-377 .elementor-element.elementor-element-5303009 .woocommerce-MyAccount-navigation ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.elementor-377 .elementor-element.elementor-element-5303009 .woocommerce-MyAccount-navigation ul li {
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-377 .elementor-element.elementor-element-5303009 .woocommerce-MyAccount-navigation ul li a {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    border-radius: 12px;
    color: #4a5568;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
}

/* آیکون‌های اختصاصی قبل از هر عنوان */
.elementor-377 .elementor-element.elementor-element-5303009 .woocommerce-MyAccount-navigation ul li a::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.7;
    transition: all 0.3s ease;
}

.elementor-377 .elementor-element.elementor-element-5303009 .woocommerce-MyAccount-navigation-link--dashboard a::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%234a5568'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6zM14 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V6zM4 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2v-2zM14 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z'/%3E%3C/svg%3E");
}

.elementor-377 .elementor-element.elementor-element-5303009 .woocommerce-MyAccount-navigation-link--orders a::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%234a5568'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z'/%3E%3C/svg%3E");
}

.elementor-377 .elementor-element.elementor-element-5303009 .woocommerce-MyAccount-navigation-link--downloads a::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%234a5568'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4'/%3E%3C/svg%3E");
}

.elementor-377 .elementor-element.elementor-element-5303009 .woocommerce-MyAccount-navigation-link--edit-address a::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%234a5568'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z'/%3E%3C/svg%3E");
}

.elementor-377 .elementor-element.elementor-element-5303009 .woocommerce-MyAccount-navigation-link--edit-account a::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%234a5568'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z'/%3E%3C/svg%3E");
}

.elementor-377 .elementor-element.elementor-element-5303009 .woocommerce-MyAccount-navigation-link--customer-logout a::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23e03131'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M17 16l4-4m0 0l-4-4m4 4H7m6 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h4a3 3 0 013 3v1'/%3E%3C/svg%3E");
}

/* وضعیت هاور (Hover) */
.elementor-377 .elementor-element.elementor-element-5303009 .woocommerce-MyAccount-navigation ul li a:hover {
    background: #f7fafc;
    color: #1a202c;
    padding-right: 20px;
}

/* آیتم فعال (Active) */
.elementor-377 .elementor-element.elementor-element-5303009 .woocommerce-MyAccount-navigation ul li.is-active a {
    background: #e03131;
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(224, 49, 49, 0.25);
}

.elementor-377 .elementor-element.elementor-element-5303009 .woocommerce-MyAccount-navigation ul li.is-active a::before {
    filter: brightness(0) invert(1);
    opacity: 1;
}

/* لینک خروج */
.elementor-377 .elementor-element.elementor-element-5303009 .woocommerce-MyAccount-navigation-link--customer-logout a {
    color: #e03131;
    margin-top: 10px;
    border-top: 1px solid #edf2f7;
    border-radius: 0 0 12px 12px;
}

.elementor-377 .elementor-element.elementor-element-5303009 .woocommerce-MyAccount-navigation-link--customer-logout a:hover {
    background: #fff5f5;
    color: #c92a2a;
}

/* --- محتوای سمت چپ (Content Area) --- */
.elementor-377 .elementor-element.elementor-element-5303009 .woocommerce-MyAccount-content {
    flex: 1;
    min-width: 300px;
    background: #ffffff;
    border-radius: 16px;
    padding: 30px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    border: 1px solid #f0f0f0;
    line-height: 1.8;
    color: #4a5568;
}

.elementor-377 .elementor-element.elementor-element-5303009 .woocommerce-MyAccount-content p {
    font-size: 15px;
    margin-bottom: 16px;
}

.elementor-377 .elementor-element.elementor-element-5303009 .woocommerce-MyAccount-content p strong {
    color: #1a202c;
}

.elementor-377 .elementor-element.elementor-element-5303009 .woocommerce-MyAccount-content a {
    color: #e03131;
    font-weight: 600;
    text-decoration: none;
    border-bottom: 1px dashed #e03131;
    transition: all 0.2s ease;
}

.elementor-377 .elementor-element.elementor-element-5303009 .woocommerce-MyAccount-content a:hover {
    color: #c92a2a;
    border-bottom-style: solid;
}

/* ==========================================
   استایل مدرن فرم ورود و عضویت
   ========================================== */

/* کانتینر اصلی دو ستونه */
.elementor-377 .elementor-element.elementor-element-5303009 #customer_login {
    display: flex;
    gap: 30px;
    direction: rtl;
    text-align: right;
    margin: 20px 0;
    width: 100%;
}

.elementor-377 .elementor-element.elementor-element-5303009 #customer_login .u-column1,
.elementor-377 .elementor-element.elementor-element-5303009 #customer_login .u-column2 {
    flex: 1;
    background: #ffffff;
    border-radius: 20px;
    padding: 35px 30px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    border: 1px solid #f0f0f0;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.elementor-377 .elementor-element.elementor-element-5303009 #customer_login .u-column1:hover,
.elementor-377 .elementor-element.elementor-element-5303009 #customer_login .u-column2:hover {
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
}

/* عناوین ورود و عضویت */
.elementor-377 .elementor-element.elementor-element-5303009 #customer_login h2 {
    font-size: 20px;
    font-weight: 700;
    color: #1a202c;
    margin-bottom: 25px;
    padding-bottom: 12px;
    border-bottom: 2px solid #f0f0f0;
    position: relative;
}

.elementor-377 .elementor-element.elementor-element-5303009 #customer_login h2::after {
    content: '';
    position: absolute;
    bottom: -2px;
    right: 0;
    width: 50px;
    height: 2px;
    background-color: #e03131;
}

/* فیلدهای ورودی */
.elementor-377 .elementor-element.elementor-element-5303009 #customer_login .form-row {
    margin-bottom: 20px;
}

.elementor-377 .elementor-element.elementor-element-5303009 #customer_login label {
    font-size: 13px;
    font-weight: 600;
    color: #4a5568;
    margin-bottom: 8px;
    display: block;
}

.elementor-377 .elementor-element.elementor-element-5303009 #customer_login input[type="text"],
.elementor-377 .elementor-element.elementor-element-5303009 #customer_login input[type="email"],
.elementor-377 .elementor-element.elementor-element-5303009 #customer_login input[type="password"] {
    width: 100%;
    height: 48px;
    padding: 10px 16px;
    border: 1.5px solid #e2e8f0;
    border-radius: 12px;
    font-size: 14px;
    background-color: #f8fafc;
    transition: all 0.25s ease;
    box-sizing: border-box;
}

.elementor-377 .elementor-element.elementor-element-5303009 #customer_login input[type="text"]:focus,
.elementor-377 .elementor-element.elementor-element-5303009 #customer_login input[type="email"]:focus,
.elementor-377 .elementor-element.elementor-element-5303009 #customer_login input[type="password"]:focus {
    background-color: #ffffff;
    border-color: #e03131;
    box-shadow: 0 0 0 4px rgba(224, 49, 49, 0.1);
    outline: none;
}

/* دکمه چشم نمایش رمز */
.elementor-377 .elementor-element.elementor-element-5303009 #customer_login .password-input {
    position: relative;
    display: block;
    width: 100%;
}

.elementor-377 .elementor-element.elementor-element-5303009 #customer_login .show-password-input {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    opacity: 0.6;
}

/* چک‌باکس مرا به خاطر بسپار */
.elementor-377 .elementor-element.elementor-element-5303009 .woocommerce-form-login__rememberme {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    font-weight: 500 !important;
}

.elementor-377 .elementor-element.elementor-element-5303009 .woocommerce-form-login__rememberme input[type="checkbox"] {
    width: 18px;
    height: 18px;
    accent-color: #e03131;
    border-radius: 4px;
}

/* دکمه‌ها */
.elementor-377 .elementor-element.elementor-element-5303009 #customer_login button.button {
    width: 100%;
    height: 48px;
    background-color: #e03131 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 12px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    cursor: pointer;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 12px rgba(224, 49, 49, 0.2);
    margin-top: 10px;
}

.elementor-377 .elementor-element.elementor-element-5303009 #customer_login button.button:hover {
    background-color: #c92a2a !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(224, 49, 49, 0.3);
}

/* لینک فراموشی رمز عبور */
.elementor-377 .elementor-element.elementor-element-5303009 .woocommerce-LostPassword {
    margin-top: 15px;
    text-align: center;
}

.elementor-377 .elementor-element.elementor-element-5303009 .woocommerce-LostPassword a {
    color: #718096;
    font-size: 13px;
    text-decoration: none;
    transition: color 0.2s ease;
}

.elementor-377 .elementor-element.elementor-element-5303009 .woocommerce-LostPassword a:hover {
    color: #e03131;
}

.elementor-377 .elementor-element.elementor-element-5303009 .register p {
    font-size: 13px;
    color: #718096;
    line-height: 1.6;
}

/* ریسپانسیو (موبایل و تبلت) */
@media (max-width: 768px) {
    .elementor-377 .elementor-element.elementor-element-5303009 .woocommerce {
        flex-direction: column;
    }
    
    .elementor-377 .elementor-element.elementor-element-5303009 .woocommerce-MyAccount-navigation {
        flex: 1 1 100%;
        width: 100% !important;
    }
    
    .elementor-377 .elementor-element.elementor-element-5303009 .woocommerce-MyAccount-content {
        padding: 20px;
    }

    .elementor-377 .elementor-element.elementor-element-5303009 #customer_login {
        flex-direction: column;
        gap: 20px;
    }
    
    .elementor-377 .elementor-element.elementor-element-5303009 #customer_login .u-column1,
    .elementor-377 .elementor-element.elementor-element-5303009 #customer_login .u-column2 {
        padding: 25px 20px;
    }
}/* End custom CSS */