/** Shopify CDN: Minification failed

Line 8:0 Unexpected "}"
Line 47:0 Unexpected "}"

**/

}
/* Style placeholder text in email signup forms */
input[type="email"]::placeholder {
  color: #ffffff !important;
}

/* For better browser compatibility */
input[type="email"]::-webkit-input-placeholder {
  color: #ffffff !important;
}

input[type="email"]::-moz-placeholder {
  color: #ffffff !important;
}

input[type="email"]:-ms-input-placeholder {
  color: #ffffff !important;
}

/* Change subscribe button hover color */
.newsletter-form__button:hover,
.newsletter__button:hover,
input + button[type="submit"]:hover,
.btn--subscribe:hover {
  background-color: #e7e7e0 !important;
}

/* If the button has a specific class, you might need */
.shopify-email-signup button:hover {
  background-color: #e7e7e0 !important;
}

/* Remove or change email input border when focused */
input[type="email"]:focus {
  border-color: #ffffff !important; /* Removes border */
  /* OR use: border-color: #your-desired-color !important; to change color */
  outline: #ffffff !important; /* Removes any outline */
}

}

/* Remove Tailwind ring effect completely on email input focus */
input[type="email"]:focus {
  --tw-ring-opacity: 0 !important;
  --tw-ring-color: transparent !important;
  --tw-ring-offset-width: 0 !important;
}

/* Alternative approach - reset all ring variables */
input[type="email"]:focus {
  --tw-ring-shadow: none !important;
  --tw-ring-offset-shadow: none !important;
  --tw-ring-opacity: 0 !important;
  box-shadow: none !important;
}