/* Lost your password link - gold color */
.woocommerce-LostPassword a {
  color: #cfb257 !important;
  text-decoration: none;
}

.woocommerce-LostPassword a:hover {
  text-decoration: underline;
  color: #fff !important;
}

/* REGISTER BUTTON - GOLD BACKGROUND */
.woocommerce form.register button.button,
.woocommerce-page form.register button.button,
.woocommerce .woocommerce-form-register__submit,
.woocommerce-page .woocommerce-form-register__submit {
  background-color: #cfb257 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 5px;
  font-weight: 600;
  padding: 12px 20px;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
}

.woocommerce form.register button.button:hover,
.woocommerce-page form.register button.button:hover,
.woocommerce .woocommerce-form-register__submit:hover,
.woocommerce-page .woocommerce-form-register__submit:hover {
  background-color: #b89f42 !important;
  color: #fff !important;
}

.ast-woo-form-actions a{
  color: #cfb257 !important;
}

.ast-woo-form-actions a:hover{
  color: #fff !important;
}

.woocommerce-account #customer_login .u-column1.col-1 h2 {
  margin-bottom: 0 !important;
  padding-bottom: 30px !important;
  font-family: outfit !important;
}

/* Remove margin below Register title in WooCommerce My Account page */
.woocommerce-account #customer_login .u-column2.col-2 h2 {
  margin-bottom: 0 !important;
  padding-bottom: 30px !important;  /* optional, adjust or remove */
}


/* Make WooCommerce login form input fields transparent */
.woocommerce form.login input.input-text,
.woocommerce form.register input.input-text{
  background-color: transparent !important;
  border: 1px solid #fff !important;  
  color: #fff !important;                 /* text color */
  padding: 10px 12px;
  border-radius: 5px;
  box-sizing: border-box;
  font-size: 15px;
}

/* Optional: placeholder color for better visibility */
.woocommerce form.login input.input-text::placeholder {
  color: #aaa !important;
  opacity: 0.6;
}

/* Focus style for better UX */
.woocommerce form.login input.input-text:focus {
  border-color: #b89f42 !important;
  outline: none !important;
  box-shadow: none !important;
}


/* Login Button Default (Active) State */
.woocommerce form.login button.button,
.woocommerce form.register button.button{
  background-color: #cfb257 !important;
  color: #000 !important;
  border: 1px solid #cfb257 !important;
  border-radius: 5px;
  padding: 12px 20px !important;
  font-weight: 600;
  transition: background-color 0.3s, color 0.3s;
}

/* Login Button Hover State */
.woocommerce form.login button.button:hover,
.woocommerce form.register button.button:hover{
  background-color: transparent !important;
  color: #cfb257 !important;
  border: 1px solid #cfb257 !important;
}


.woocommerce-social-login-button .nsl-container,
.woocommerce-social-login-button .nsl-button {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
}

.woocommerce-social-login-button .nsl-button {
  border-radius: 8px !important;
  padding: 5px 105px !important;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  transition: all 0.3s ease;
  width: 100% !important;
  box-sizing: border-box;
  margin-top: -20px !important;
}

.woocommerce-social-login-button {
  display: block !important;
}

.woocommerce-social-login-button .nsl-container {
  display: flex !important;
}

.woocommerce-privacy-policy-link {
  color: #cfb257 !important;
  text-decoration: none !important;
}

/* Hover effect - underline */
.woocommerce-privacy-policy-link:hover {
  text-decoration: underline !important;
  color: #cfb257 !important;
}