.elementor-825 .elementor-element.elementor-element-4062865{--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;--align-items:center;--margin-top:4em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;}.elementor-825 .elementor-element.elementor-element-4062865.e-con{--align-self:center;}.elementor-825 .elementor-element.elementor-element-9aaaf51{--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;}.elementor-825 .elementor-element.elementor-element-9aaaf51.e-con{--align-self:center;}.elementor-825 .elementor-element.elementor-element-4d22f64{width:100%;max-width:100%;--tabs-alignment:start;}.elementor-825 .elementor-element.elementor-element-4d22f64.elementor-element{--align-self:center;}.elementor-825 .elementor-element.elementor-element-4d22f64 .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li a{font-family:var( --e-global-typography-db29b5e-font-family );font-feature-settings:var( --e-global-typography-db29b5e-font-feature-settings );font-weight:var( --e-global-typography-db29b5e-font-weight );}.elementor-825 .elementor-element.elementor-element-4d22f64 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) h2, .elementor-825 .elementor-element.elementor-element-4d22f64 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) h3{font-family:var( --e-global-typography-db29b5e-font-family );font-feature-settings:var( --e-global-typography-db29b5e-font-feature-settings );font-weight:var( --e-global-typography-db29b5e-font-weight );}.elementor-825 .elementor-element.elementor-element-4d22f64 .woocommerce-MyAccount-content > div > p, .elementor-825 .elementor-element.elementor-element-4d22f64 address, .elementor-825 .elementor-element.elementor-element-4d22f64 .woocommerce-EditAccountForm fieldset legend, .elementor-825 .elementor-element.elementor-element-4d22f64 .woocommerce-ResetPassword p:nth-child(1), .elementor-825 .elementor-element.elementor-element-4d22f64 .woocommerce-OrderUpdate{font-family:var( --e-global-typography-db29b5e-font-family );font-feature-settings:var( --e-global-typography-db29b5e-font-feature-settings );font-weight:var( --e-global-typography-db29b5e-font-weight );}.elementor-825 .elementor-element.elementor-element-4d22f64 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .register p:not([class]), .elementor-825 .elementor-element.elementor-element-4d22f64 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce em{font-family:var( --e-global-typography-db29b5e-font-family );font-feature-settings:var( --e-global-typography-db29b5e-font-feature-settings );font-weight:var( --e-global-typography-db29b5e-font-weight );}.elementor-825 .elementor-element.elementor-element-4d22f64 .woocommerce-form__label-for-checkbox span{font-family:var( --e-global-typography-db29b5e-font-family );font-feature-settings:var( --e-global-typography-db29b5e-font-feature-settings );font-weight:var( --e-global-typography-db29b5e-font-weight );}.elementor-825 .elementor-element.elementor-element-4d22f64 .woocommerce-PaymentMethod .input-radio + label{font-family:var( --e-global-typography-db29b5e-font-family );font-feature-settings:var( --e-global-typography-db29b5e-font-feature-settings );font-weight:var( --e-global-typography-db29b5e-font-weight );}.elementor-825 .elementor-element.elementor-element-4d22f64 .woocommerce-form-row label, .elementor-825 .elementor-element.elementor-element-4d22f64 .woocommerce-address-fields label{font-family:var( --e-global-typography-db29b5e-font-family );font-weight:var( --e-global-typography-db29b5e-font-weight );}.elementor-825 .elementor-element.elementor-element-4d22f64 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .form-row .input-text, .elementor-825 .elementor-element.elementor-element-4d22f64 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .form-row select, .elementor-825 .elementor-element.elementor-element-4d22f64 ::placeholder, .elementor-825 .elementor-element.elementor-element-4d22f64 .select2-container--default .select2-selection--single, .select2-results__option, .elementor-825 .elementor-element.elementor-element-4d22f64 .e-my-account-tab__payment-methods input[type=text]{font-family:var( --e-global-typography-db29b5e-font-family );font-weight:var( --e-global-typography-db29b5e-font-weight );}.elementor-825 .elementor-element.elementor-element-4d22f64 button.button, .elementor-825 .elementor-element.elementor-element-4d22f64 #add_payment_method #payment #place_order{font-family:var( --e-global-typography-db29b5e-font-family );font-weight:var( --e-global-typography-db29b5e-font-weight );}.elementor-825 .elementor-element.elementor-element-4d22f64 .order_details thead th, .elementor-825 .elementor-element.elementor-element-4d22f64 .order_details tfoot td, .elementor-825 .elementor-element.elementor-element-4d22f64 .order_details tfoot th, .elementor-825 .elementor-element.elementor-element-4d22f64 .nobr{font-family:var( --e-global-typography-db29b5e-font-family );font-feature-settings:var( --e-global-typography-db29b5e-font-feature-settings );font-weight:var( --e-global-typography-db29b5e-font-weight );}.elementor-825 .elementor-element.elementor-element-4d22f64 .e-my-account-tab__orders tbody td, .elementor-825 .elementor-element.elementor-element-4d22f64 .e-my-account-tab__downloads tbody td, .elementor-825 .elementor-element.elementor-element-4d22f64 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .product-quantity, .elementor-825 .elementor-element.elementor-element-4d22f64 .woocommerce-table--order-downloads tbody td, .elementor-825 .elementor-element.elementor-element-4d22f64 .woocommerce-table--order-details td a, .elementor-825 .elementor-element.elementor-element-4d22f64 td.product-total, .elementor-825 .elementor-element.elementor-element-4d22f64 td.payment-method-method, .elementor-825 .elementor-element.elementor-element-4d22f64 td.payment-method-expires{font-family:var( --e-global-typography-db29b5e-font-family );font-feature-settings:var( --e-global-typography-db29b5e-font-feature-settings );font-weight:var( --e-global-typography-db29b5e-font-weight );}.elementor-825 .elementor-element.elementor-element-4d22f64 .wc-item-meta{font-family:var( --e-global-typography-db29b5e-font-family );font-feature-settings:var( --e-global-typography-db29b5e-font-feature-settings );font-weight:var( --e-global-typography-db29b5e-font-weight );}.elementor-825 .elementor-element.elementor-element-4d22f64 .shop_table .button, .elementor-825 .elementor-element.elementor-element-4d22f64 .order-again .button, .elementor-825 .elementor-element.elementor-element-4d22f64 .woocommerce-pagination .button, .elementor-825 .elementor-element.elementor-element-4d22f64 .e-my-account-tab__payment-methods .woocommerce-MyAccount-content-wrapper .button{font-family:var( --e-global-typography-db29b5e-font-family );font-feature-settings:var( --e-global-typography-db29b5e-font-feature-settings );font-weight:var( --e-global-typography-db29b5e-font-weight );}:root{--page-title-display:none;}@media(min-width:768px){.elementor-825 .elementor-element.elementor-element-4062865{--width:100%;}.elementor-825 .elementor-element.elementor-element-9aaaf51{--width:65%;}}/* Start custom CSS for woocommerce-my-account, class: .elementor-element-4d22f64 *//* ===============================
   PASSWORD INPUT + TOGGLE ICON
   =============================== */
/* Ensure proper positioning of the password field wrapper */
.password-input {
  position: relative;
  display: inline-block;
  width: 100%;
}

/* Style and position the toggle button */
.password-input .show-password-input {
  background: transparent;
  border: none;
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0.625rem; /* 10px equivalent */
  padding: 0;
  width: 1.5rem; /* 24px equivalent */
  height: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.125rem; /* 18px equivalent */
}

/* Default (hidden) state icon */
.password-input .show-password-input::before {
  content: "👁️"; /* show icon */
}

/* When password is visible (JS adds .password-visible) */
.password-input .show-password-input.password-visible::before {
  content: "🙈"; /* hide icon */
}

/* Add padding-left so text doesn't overlap the icon */
.password-input input[type="password"],
.password-input input[type="text"] {
  padding-left: 2.5rem; /* 40px equivalent */
}

/* ===============================
   COLORS AND ALIGNMENT
   =============================== */
.custom-lost-password {
  font-family: VazirMatn;
  color: #046bd2 !important;
}

/* Login button color */
.woocommerce-form-login__submit {
  background-color: #046bd2 !important;
  border-color: #046bd2 !important;
  color: #fff !important;
  transition: all 0.2s ease-in-out;
}

/* Button hover color */
.woocommerce-form-login__submit:hover {
  background-color: #035bb2 !important;
}

/* Lost password link */
.woocommerce-LostPassword {
  text-align: center !important;
}

.woocommerce-LostPassword a {
  color: #046bd2 !important;
  text-decoration: none;
  font-family: VazirMatn;
  font-size: inherit !important;
}

.woocommerce-LostPassword a:hover {
  text-decoration: underline;
}

/* Register link */
.custom-register-link a {
  color: #046bd2 !important;
  text-decoration: none;
  font-family: VazirMatn;
  font-size: inherit !important;
}

.custom-register-link a:hover {
  text-decoration: underline;
}

/* ===============================
   CENTER THE ENTIRE LOGIN FORM - RESPONSIVE
   =============================== */
/* Center the login form container - wider and responsive */
.woocommerce-form-login,
.woocommerce form.login {
  max-width: min(90vw, 40rem); /* 640px max, or 90% of viewport width on small screens */
  width: 100%;
  margin: 0 auto !important;
  padding: 0 1rem; /* Add padding for mobile */
}

/* Center the button horizontally */
.woocommerce-form-login__submit {
  float: none !important;
  margin: 1.25rem auto 0 auto !important; /* 20px equivalent */
  display: block !important;
  width: 100% !important;
  text-align: center !important;
}

/* Make sure form elements are properly aligned */
.woocommerce-form-login p {
  margin-bottom: 0.9375rem; /* 15px equivalent */
}

/* Center the entire login column */
.u-column1.col-1 {
  float: none !important;
  margin: 0 auto !important;
  width: 100% !important;
  max-width: min(90vw, 40rem); /* 640px max, or 90% of viewport width */
}

/* ===============================
   RESPONSIVE BREAKPOINTS
   =============================== */
/* Tablets and below */
@media (max-width: 768px) {
  .woocommerce-form-login,
  .woocommerce form.login,
  .u-column1.col-1 {
    max-width: 95vw; /* Use more width on tablets */
    padding: 0 0.75rem;
  }
}

/* Mobile phones */
@media (max-width: 480px) {
  .woocommerce-form-login,
  .woocommerce form.login,
  .u-column1.col-1 {
    max-width: 100%; /* Full width on mobile */
    padding: 0 0.5rem;
  }
  
  .password-input .show-password-input {
    font-size: 1rem; /* Slightly smaller icon on mobile */
  }
}/* End custom CSS */