.elementor-3862 .elementor-element.elementor-element-d556ee3{--display:flex;--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;--margin-top:7em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;}.elementor-3862 .elementor-element.elementor-element-d556ee3.e-con{--align-self:center;}.elementor-3862 .elementor-element.elementor-element-f81cfb9{--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:center;--align-items:center;}.elementor-3862 .elementor-element.elementor-element-b89764d{width:auto;max-width:auto;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-3862 .elementor-element.elementor-element-f81cfb9{--width:50%;}}/* Start custom CSS for shortcode, class: .elementor-element-b89764d *//* ===============================
   REGISTER FORM – SAME STYLE AS LOGIN
   =============================== */

.woocommerce-form-register,
.woocommerce form.register {
  max-width: min(90vw, 40rem); /* same as login */
  width: 100%;
  margin: 0 auto !important;
  padding: 0 1rem;
}

/* Center the register column */
.woocommerce .register {
  float: none !important;
  margin: 0 auto !important;
}

/* Register submit button – same as login */
.woocommerce-form-register__submit {
  background-color: #046bd2 !important;
  border-color: #046bd2 !important;
  color: #fff !important;
  transition: all 0.2s ease-in-out;
  float: none !important;
  display: block !important;
  width: 100% !important;
  margin: 1.25rem auto 0 auto !important;
  text-align: center !important;
}

.woocommerce-form-register__submit:hover {
  background-color: #035bb2 !important;
}






/* ===============================
   RTL INPUTS & PLACEHOLDERS
   =============================== */

/* Input text alignment */
.woocommerce form.register input,
.woocommerce form.register select,
.woocommerce form.register textarea {
  direction: rtl;
  text-align: right;
  font-family: VazirMatn;
}

/* Placeholder alignment (cross-browser) */
.woocommerce form.register input::placeholder,
.woocommerce form.register textarea::placeholder {
  direction: rtl;
  text-align: right;
  font-family: VazirMatn;
}

/* Chrome / Edge */
.woocommerce form.register input::-webkit-input-placeholder {
  text-align: right;
}

/* Firefox */
.woocommerce form.register input::-moz-placeholder {
  text-align: right;
}

/* IE / old Edge */
.woocommerce form.register input:-ms-input-placeholder {
  text-align: right;
}


/* ===============================
   PASSWORD ICON – RTL FIX
   =============================== */

.woocommerce form.register .password-input .show-password-input {
  left: auto;
  right: 0.625rem; /* 10px */
}

/* Adjust padding so text doesn't overlap icon */
.woocommerce form.register .password-input input {
  padding-right: 2.5rem;
  padding-left: 0.75rem;
}


/* ===============================
   LABEL ALIGNMENT
   =============================== */

.woocommerce form.register label {
  text-align: right;
  display: block;
  font-family: VazirMatn;
}





@media (max-width: 768px) {
  .woocommerce-form-register,
  .woocommerce form.register {
    max-width: 95vw;
    padding: 0 0.75rem;
  }
}

@media (max-width: 480px) {
  .woocommerce-form-register,
  .woocommerce form.register {
    max-width: 100%;
    padding: 0 0.5rem;
  }
}/* End custom CSS */