.elementor-1840 .elementor-element.elementor-element-63ce037c{margin-top:0px;margin-bottom:0px;}.elementor-1840 .elementor-element.elementor-element-2091bac > .elementor-widget-container{margin:-15px 0px 0px 0px;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(max-width:1024px){.elementor-1840 .elementor-element.elementor-element-2091bac > .elementor-widget-container{margin:40px 0px 0px 0px;}}@media(max-width:767px){.elementor-1840 .elementor-element.elementor-element-2091bac > .elementor-widget-container{margin:-25px 0px 0px 0px;}}/* Start custom CSS for shortcode, class: .elementor-element-2091bac *//* ----- General styling for WooCommerce login/register forms ----- */
.woocommerce form.woocommerce-form {
  background: #fff !important;
  padding: 2em !important;
  border: 1px solid #ddd !important;
  border-radius: 10px !important;
  max-width: 500px !important;
  margin: 2em auto !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important;
}

.woocommerce h2 {
  text-align: center !important;
  font-size: 1.6em !important;
  margin-bottom: 1em !important;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
  width: 100% !important;
  padding: 12px !important;
  border: 1px solid #ccc !important;
  border-radius: 6px !important;
  font-size: 1em !important;
  margin-top: 5px !important;
}

.woocommerce form .form-row label {
  font-weight: 600 !important;
  margin-bottom: 5px !important;
  display: block !important;
}

.woocommerce form .woocommerce-form-login__submit,
.woocommerce form .woocommerce-form-register__submit {
  background-color: #e91e63 !important;
  border: none !important;
  color: white !important;
  padding: 12px 20px !important;
  border-radius: 6px !important;
  font-size: 1em !important;
  cursor: pointer !important;
  width: 100% !important;
  margin-top: 1em !important;
  transition: background 0.3s ease !important;
}

.woocommerce form .woocommerce-form-login__submit:hover,
.woocommerce form .woocommerce-form-register__submit:hover {
  background-color: #c2185b !important;
}

.woocommerce form .woocommerce-LostPassword.lost_password a {
  display: block !important;
  text-align: center !important;
  margin-top: 1em !important;
  color: #777 !important;
}

.woocommerce-error {
  border: 1px solid #f44336 !important;
  background-color: #ffe6e6 !important;
  padding: 1em !important;
  border-radius: 6px !important;
  margin-bottom: 1.5em !important;
  list-style: none !important;
}
/* Restore WooCommerce's default show-password button styling */
.woocommerce .show-password-input {
  all: unset !important;
  position: absolute !important;
  top: 50% !important;
  right: 1em !important;
  transform: translateY(-50%) !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  opacity: 1 !important;
  z-index: 2 !important;
}

/* Ensure correct container position */
.woocommerce form .woocommerce-input-wrapper {
  position: relative !important;
}
/* Style checkbox text for both login and Mailchimp opt-in */
.woocommerce-form-login__rememberme span {
  font-size: 16px !important;
  line-height: 24px !important;
}

.mc4wp-checkbox label span {
  font-size: 16px !important;
  line-height: 24px !important;
}

/* Display login and register forms side-by-side */
#customer_login.u-columns {
  display: flex !important;
  flex-wrap: wrap;
  gap: 2em;
  justify-content: space-between;
  align-items: flex-start;
}

#customer_login .u-column1,
#customer_login .u-column2 {
  flex: 1 1 48% !important;
}

@media (max-width: 768px) {
  #customer_login .u-column1,
  #customer_login .u-column2 {
    flex: 1 1 100% !important;
  }
}
.woocommerce .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--payment-methods:before {
    content: "\e042"; /* Replace with the correct icon code from your theme's icon font if needed */
    position: absolute;
    left: 0;
    top: 4px;
    font-family: 'WooCommerce'; /* Or your theme’s icon font, e.g. 'FontAwesome' or 'PhloxIcons' */
    speak: never;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}
/* Hide Wishlist from My Account menu */
.woocommerce .woocommerce-MyAccount-navigation-link--wishlist {
  display: none !important;
}
/* Testing
/* 🎨 Add card-style box to navigation */
.woocommerce .woocommerce-MyAccount-navigation {
  background: #fff !important;
  padding: 2em !important;
  border: 1px solid #ddd !important;
  border-radius: 10px !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important;
  margin-bottom: 2em !important;
}

/* 🎨 Add card-style box to content area */
.woocommerce .woocommerce-MyAccount-content {
  background: #fff !important;
  padding: 2em !important;
  border: 1px solid #ddd !important;
  border-radius: 10px !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important;
}/* End custom CSS */