.elementor-6363 .elementor-element.elementor-element-638d744e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-around;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6363 .elementor-element.elementor-element-638d744e.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-6363 .elementor-element.elementor-element-7ad7e571{width:var( --container-widget-width, 41.14% );max-width:41.14%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;--container-widget-width:41.14%;--container-widget-flex-grow:0;}.elementor-6363 .elementor-element.elementor-element-7ad7e571.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-6363 .elementor-element.elementor-element-924856e{--display:flex;}.elementor-6363 .elementor-element.elementor-element-ed7855c img{width:30%;}.elementor-6363 .elementor-element.elementor-element-ec1d121{--iteration-count:infinite;--animation-duration:1229ms;width:var( --container-widget-width, 101.448% );max-width:101.448%;--container-widget-width:101.448%;--container-widget-flex-grow:0;--dynamic-text-color:#000360;}.elementor-6363 .elementor-element.elementor-element-ec1d121.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-6363 .elementor-element.elementor-element-ec1d121 .elementor-headline{text-align:center;font-size:41px;}.elementor-6363 .elementor-element.elementor-element-ec1d121 .elementor-headline-dynamic-text{line-height:55px;letter-spacing:0.1px;}.elementor-6363 .elementor-element.elementor-element-ec1d121 .elementor-headline-dynamic-wrapper path{stroke:#000360;stroke-width:5px;}@media(min-width:768px){.elementor-6363 .elementor-element.elementor-element-638d744e{--width:98.371%;}.elementor-6363 .elementor-element.elementor-element-924856e{--content-width:82%;}}/* Start custom CSS for shortcode, class: .elementor-element-7ad7e571 *//* --- استایل فرم (گرافیکی‌تر با پس‌زمینه و تأکید بیشتر بر رنگ آبی) --- */
.woocommerce-form-register, 
form.register {
    max-width: 550px !important; /* کمی عریض‌تر */
    width: 100% !important; 
    margin: 0 5% 0 0 !important; /* فاصله از بالا حذف شده، بقیه فاصله‌ها حفظ شده */
    padding: 60px 50px !important; /* فضای داخلی بیشتر */
    border-radius: 35px !important; /* گوشه‌های گردتر */
    position: relative;
    z-index: 1;
    border: 1px solid rgba(255, 255, 255, 0.3) !important; /* حاشیه شفاف‌تر */
    /* --- تغییرات کلیدی در پس‌زمینه و سایه --- */
    background: rgba(255, 255, 255, 0.1); /* پس‌زمینه کمی شفاف */
    box-shadow: 
        0 30px 70px rgba(0, 3, 96, 0.2), /* سایه عمیق‌تر و با رنگ آبی */
        0 15px 30px rgba(0, 3, 96, 0.15),
        inset 0 0 0 1px rgba(255, 255, 255, 0.5); /* درخشش داخلی */
    backdrop-filter: blur(15px); /* افکت Glassmorphism قوی‌تر */
    -webkit-backdrop-filter: blur(15px); /* برای مرورگرهای سافاری */
    overflow: hidden !important;
    float: right; 
    clear: both;
}

/* ۲. المنت گرافیکی تزئینی در بالا (با گرادینت عمیق‌تر) */
.woocommerce-form-register::before, 
form.register::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%); 
    width: 180px; /* کمی پهن‌تر */
    height: 7px; /* کمی ضخیم‌تر */
    background: linear-gradient(135deg, #000360, #2a52a0); /* گرادینت عمیق‌تر */
    border-radius: 0 0 15px 15px; /* فقط پایین گرد */
}

/* ۳. لیبل‌های فرم (با رنگ و استایل کمی متفاوت) */
.woocommerce-form-register label, 
form.register label {
    font-size: 14px !important; /* کمی بزرگتر */
    font-weight: 800 !important; /* فونت ضخیم‌تر */
    color: #000360 !important; 
    margin-bottom: 12px !important; /* فاصله بیشتر */
    display: block !important;
    text-transform: uppercase;
    letter-spacing: 1.5px; /* فاصله بیشتر بین حروف */
    opacity: 0.9; /* پررنگ‌تر */
}

/* ۴. فیلدهای ورودی (تغییرات جزئی) */
.woocommerce-form-register input.input-text, 
form.register input.input-text {
    width: 100% !important;
    height: 60px !important; /* کمی بلندتر */
    background: rgba(255, 255, 255, 0.15) !important; /* پس‌زمینه شفاف‌تر */
    border: 1px solid rgba(255, 255, 255, 0.4) !important; /* حاشیه شفاف‌تر */
    border-radius: 18px !important; /* گوشه‌های گردتر */
    padding: 0 25px !important; /* پدینگ بیشتر */
    font-size: 16px !important; /* فونت بزرگتر */
    color: #000360 !important; 
    margin-bottom: 25px !important; /* فاصله بیشتر */
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important; /* انیمیشن حرفه‌ای‌تر */
    box-shadow: inset 0 5px 10px rgba(0, 3, 96, 0.05); /* سایه داخلی */
}

/* استایل فیلدها هنگام فوکوس */
.woocommerce-form-register input.input-text:focus, 
form.register input.input-text:focus {
    border-color: #000360 !important; 
    outline: none !important;
    box-shadow: 0 0 30px rgba(0, 3, 96, 0.3), /* سایه قوی‌تر */
                inset 0 0 10px rgba(0, 3, 96, 0.1); /* سایه داخلی */
    transform: translateY(-3px) scale(1.02); /* کمی بزرگتر و جابجایی */
    background: rgba(255, 255, 255, 0.25) !important; /* پس‌زمینه کمی تیره‌تر در فوکوس */
}

/* ۵. دکمه ثبت نام (با افکت‌های پیشرفته‌تر) */
.woocommerce-form-register .button, 
form.register .button {
    width: 100% !important;
    height: 62px !important; /* کمی بلندتر */
    background: linear-gradient(135deg, #000360, #1a499d) !important; /* گرادینت دکمه */
    color: #ffffff !important; 
    border: none !important;
    border-radius: 18px !important; /* گوشه‌های گردتر */
    font-size: 19px !important; /* فونت بزرگتر */
    font-weight: 900 !important; /* فونت خیلی ضخیم */
    cursor: pointer !important;
    position: relative;
    overflow: hidden;
    transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    box-shadow: 0 15px 35px rgba(0, 3, 96, 0.4) !important; /* سایه قوی‌تر */
    margin-top: 20px;
    margin-bottom: 25px !important;
    text-transform: uppercase; 
    letter-spacing: 1px;
}

/* افکت هاور (Hover) برای دکمه */
.woocommerce-form-register .button:hover, 
form.register .button:hover {
    transform: translateY(-5px) scale(1.03); /* جابجایی بیشتر و بزرگتر شدن */
    box-shadow: 0 20px 45px rgba(0, 3, 96, 0.5) !important; /* سایه عمیق‌تر */
    filter: brightness(1.15); /* روشن‌تر شدن */
    border-radius: 18px; /* گرد نگه داشتن گوشه‌ها */
}

/* ۶. لینک‌های پایین فرم */
.woocommerce-form-register .lost_password, 
form.register .lost_password {
    text-align: center;
    padding-top: 30px; /* فاصله از بالا */
    margin-bottom: 30px; /* اضافه کردن فاصله از پایین */
}/* راست‌چین کردن متن (Placeholder) داخل فیلد تلفن */
input[type="tel"], 
input[name*="phone"], 
input#billing_phone {
    text-align: right !important;
    direction: rtl !important;
    padding-right: 20px !important;
}
/* ۱. تنظیم فاصله زیر فیلد تلفن (کمی بیشتر از قبل) */
.woocommerce-form-register input#wwlc_phone {
    margin-bottom: 8px !important; 
}

/* ۲. تنظیم فاصله بالای فیلد رمزعبور (نرم‌تر کردن فاصله) */
.woocommerce-form-register .wwlc_password_field, 
.woocommerce-form-register #wwlc_password {
    margin-top: -10px !important; 
}

/* ۳. اصلاح کلی برای ردیف‌های این افزونه */
.woocommerce-form-register .form-row {
    margin-bottom: 15px !important;
}/* End custom CSS */