.elementor-3943 .elementor-element.elementor-element-407d082e{--display:flex;}.elementor-3943 .elementor-element.elementor-element-407d082e:not(.elementor-motion-effects-element-type-background), .elementor-3943 .elementor-element.elementor-element-407d082e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-3943 .elementor-element.elementor-element-66961f6{--spacer-size:25px;}.elementor-3943 .elementor-element.elementor-element-6eb8281{--display:flex;}.elementor-3943 .elementor-element.elementor-element-6eb8281:not(.elementor-motion-effects-element-type-background), .elementor-3943 .elementor-element.elementor-element-6eb8281 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-3943 .elementor-element.elementor-element-975c92b{column-gap:0px;text-align:center;color:var( --e-global-color-secondary );}/* Start custom CSS for text-editor, class: .elementor-element-975c92b *//* ===============================
   LOGIN COLUMN ONLY
   =============================== */


#customer_login .u-column1 h2 {
    color: black;
    text-align: center;
    margin-bottom: 20px;
    
}

.woocommerce form.register {
    margin-top:20px!important;
    border-radius: 20px;
    border: 2px solid #000;
}



/* Login card */
#customer_login .u-column1 form.woocommerce-form-login {
    background: #000000;
    padding: 45px 40px;
    border-radius: 20px;
    border: 1px solid #000;
    box-shadow: 0 0 40px rgba(0,0,0,0.5);
}

/* Labels */
#customer_login .u-column1 label {
    color: white;
    margin-bottom: 20px;
}

/* Inputs */
#customer_login .u-column1 input.input-text,
#customer_login .u-column1 input.woocommerce-Input {
    background: #0a0a0a;
    border: 1px solid #2d2d44;
    color: #d6d4d4;
    border-radius: 4px;
    height: 46px;
    font-size: 14px;
    box-shadow: none;
    margin-bottom: 18px;
}

/* Placeholder */
#customer_login .u-column1 input::placeholder {
    color: #52525b;
}

/* Password toggle */
#customer_login .u-column1 .password-input {
    position: relative;
}

#customer_login .u-column1 .show-password-input {
    background: #e5e7eb;
    border: 1px solid #d1d5db;
}

/* Remember me */
#customer_login .u-column1 .woocommerce-form-login__rememberme span {
    color: #ffffff;
}


/* Lost password */
#customer_login .u-column1 .woocommerce-LostPassword {
    text-align: center;
}

#customer_login .u-column1 .woocommerce-LostPassword a {
    color: #9ca3af;
}

/* =================================
   Woo Login Button – Match wp-login
   ================================= */


#customer_login .u-column1 .show-password-input {
    top: 46%;
}

/* Default */
#customer_login .u-column1 button.woocommerce-form-login__submit {
    background: #171717!important;
    box-shadow: none!important;
    color: white !important;
    border-width: 2px!important;
    border-color: #0a0a0a!important;
    border-style: solid;
    text-transform: uppercase;
    border-radius: 4px;
}

/* Hover + focus */
#customer_login .u-column1 button.woocommerce-form-login__submit:hover,
#customer_login .u-column1 button.woocommerce-form-login__submit:focus {
    background: #191919!important;
    border-color: #0a0a0a!important;
}


/* Active (click) */
#customer_login .u-column1 button.woocommerce-form-login__submit:active {
    background: #000000;
    border-color: #141414;
    box-shadow: none;
}

/* Anchor */
#customer_login .password-input {
  position: relative;
}

#customer_login .show-password-input {
  position: absolute;
  top: 50%;
  right:0px!important;
  transform: translateY(-75%)!important;
  width: 36px;
  height: 36px;
  background: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
}

#customer_login .show-password-input .dashicons {
  font-size: 20px;
  color: #6b7280; /* exact wp-login tone */
}

#customer_login .show-password-input:hover .dashicons,
#customer_login .show-password-input:focus .dashicons {
  color: #9ca3af;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e8692c1 *//* Force login/register side-by-side */
.woocommerce #customer_login.u-columns {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  column-gap: 40px;
  align-items: start;
}

/* Tablet + mobile stacking */
@media (max-width: 768px) {
  .woocommerce #customer_login.u-columns {
    grid-template-columns: 1fr;
    row-gap: 30px; /* spacing between stacked columns */
  }

  .woocommerce #customer_login .u-column1,
  .woocommerce #customer_login .u-column2 {
    grid-column: 1 !important;
  }
}


button.woocommerce-Button.woocommerce-button.button.woocommerce-form-register__submit.shp-btn {
    margin-top: 15px;
}

/* Ensure correct order */
.woocommerce #customer_login .u-column1 {
  grid-column: 1; /* Login on the left */
}

.woocommerce #customer_login .u-column2 {
  grid-column: 2; /* Register on the right */
}

/* Neutralise theme floats/flex */
.woocommerce #customer_login .u-column1,
.woocommerce #customer_login .u-column2 {
  float: none !important;
  width: auto !important;
}

/* Mobile stacking */
@media (max-width: 768px) {
  .woocommerce #customer_login.u-columns {
    grid-template-columns: 1fr;
  }
}


.woocommerce-privacy-policy-text {
    margin-top: 0px!important;
    margin-bottom: 20px!important;
}


textarea.input-text {
  resize: vertical;
  min-height: 90px;
}

/* Make WC wrapper behave like an input */
#wcwp-696aa0dd3af88_field .woocommerce-input-wrapper {
  position: relative;
}


/* FORCE WC country field layout */
#wcwp-696aa0dd3af88_field .woocommerce-input-wrapper > .country-select-wrapper {
  display: flex !important;
  align-items: center;
  gap: 10px;
}

/* Prevent WC span rule breaking layout */
#wcwp-696aa0dd3af88_field .woocommerce-input-wrapper span {
  display: unset;
}

.country-flag img {
  width: 20px;
  height: auto;
  display: block;
}

/* Country field container */
#wcwp-696aa0dd3af88_field .woocommerce-input-wrapper {
  position: relative;
}

/* Wrapper must NOT be block */
#wcwp-696aa0dd3af88_field .country-select-wrapper {
  position: relative;
  display: block !important;
}

/* The select */
#wcwp-696aa0dd3af88_field select#country_dropdown {
  width: 100%;
  padding-left: 46px; /* space for flag */
  box-sizing: border-box;
}

/* Flag overlay INSIDE the input */
#wcwp-696aa0dd3af88_field .country-flag {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  z-index: 2;
}

/* Flag image size */
#wcwp-696aa0dd3af88_field .country-flag img {
  width: 20px;
  height: auto;
  display: block;
}

/* Permanently hide WC first/last name fields */
#reg_billing_first_name,
#reg_billing_last_name {
  display: none !important;
}

#reg_billing_first_name,
#reg_billing_last_name {
  visibility: hidden;
}

.form-row-first,
.form-row-last {
  display: none !important;
}

#register-wait-message {
  background: #f8f9fa;
  border: 1px solid #ddd;
  border-radius: 4px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6d71015 *//* Force login/register side-by-side */
.woocommerce #customer_login.u-columns {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  column-gap: 40px;
  align-items: start;
}

button.woocommerce-Button.woocommerce-button.button.woocommerce-form-register__submit.shp-btn {
    margin-top: 15px;
}

/* Ensure correct order */
.woocommerce #customer_login .u-column1 {
  grid-column: 1; /* Login on the left */
}

.woocommerce #customer_login .u-column2 {
  grid-column: 2; /* Register on the right */
}

/* Neutralise theme floats/flex */
.woocommerce #customer_login .u-column1,
.woocommerce #customer_login .u-column2 {
  float: none !important;
  width: auto !important;
}

/* Mobile stacking */
@media (max-width: 768px) {
  .woocommerce #customer_login.u-columns {
    grid-template-columns: 1fr;
  }
}


.woocommerce-privacy-policy-text {
    margin-top: 0px!important;
    margin-bottom: 20px!important;
}




textarea.input-text {
  resize: vertical;
  min-height: 90px;
}

/* Make WC wrapper behave like an input */
#wcwp-696aa0dd3af88_field .woocommerce-input-wrapper {
  position: relative;
}


/* FORCE WC country field layout */
#wcwp-696aa0dd3af88_field .woocommerce-input-wrapper > .country-select-wrapper {
  display: flex !important;
  align-items: center;
  gap: 10px;
}

/* Prevent WC span rule breaking layout */
#wcwp-696aa0dd3af88_field .woocommerce-input-wrapper span {
  display: unset;
}

.country-flag img {
  width: 20px;
  height: auto;
  display: block;
}

/* Country field container */
#wcwp-696aa0dd3af88_field .woocommerce-input-wrapper {
  position: relative;
}

/* Wrapper must NOT be block */
#wcwp-696aa0dd3af88_field .country-select-wrapper {
  position: relative;
  display: block !important;
}

/* The select */
#wcwp-696aa0dd3af88_field select#country_dropdown {
  width: 100%;
  padding-left: 46px; /* space for flag */
  box-sizing: border-box;
}

/* Flag overlay INSIDE the input */
#wcwp-696aa0dd3af88_field .country-flag {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  z-index: 2;
}

/* Flag image size */
#wcwp-696aa0dd3af88_field .country-flag img {
  width: 20px;
  height: auto;
  display: block;
}

/* Permanently hide WC first/last name fields */
#reg_billing_first_name,
#reg_billing_last_name {
  display: none !important;
}

#reg_billing_first_name,
#reg_billing_last_name {
  visibility: hidden;
}

.form-row-first,
.form-row-last {
  display: none !important;
}

#register-wait-message {
  background: #f8f9fa;
  border: 1px solid #ddd;
  border-radius: 4px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6eb8281 */#customer_login .u-column2 p {
  color: #000!important;
}


#customer_login .u-column1 .password-input {
    position: relative;
}

#customer_login .u-column1 .show-password-input {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);

    width: 36px;
    height: 36px;

    background-color: transparent !important;
    border: none !important;
    padding: 0;
    cursor: pointer;
    box-shadow: none;

    /* THE IMPORTANT PART */
    filter: invert(1) brightness(1);
    opacity: 0.4;
}

/* Hover / focus – subtle, not white */
#customer_login .u-column1 .show-password-input:hover,
#customer_login .u-column1 .show-password-input:focus {
    filter: invert(1) brightness(1);
    opacity: 0.4;
    outline: none;
}


/* Default (password hidden) → show eye */
#customer_login .u-column1 .show-password-input {
    filter: invert(1) brightness(1);
    opacity: 0.4;
}

/* Password visible → show eye-slash */
#customer_login .u-column1 .show-password-input.is-visible {
    filter: invert(1) brightness(0.85);
    opacity: 0.6;
}/* End custom CSS */