/** Shopify CDN: Minification failed

Line 122:0 Unexpected "`"

**/
/* =========================================================
   Footer newsletter: email-only underline + reveal submit on typing
   Debutify 4.10.x
   Targets ONLY the footer newsletter form (ContactForm--footer)
   ========================================================= */

/* 1) Hide first name field entirely */
.site-footer .footer-newsletter form#ContactForm--footer input[name="contact[first_name]"]{
  display: none !important;
}

/* 2) Make the form behave like a single-line input row */
.site-footer .footer-newsletter form#ContactForm--footer{
  position: relative;
  display: flex;
  align-items: center;
  gap: 16px;
  padding-bottom: 10px;                 /* space for underline */
  border-bottom: 2px solid rgba(0,0,0,.55); /* the ONE line */
  background: transparent !important;
}

/* 3) Style email input: no box, no border, transparent */
.site-footer .footer-newsletter form#ContactForm--footer input[name="contact[email]"]{
  flex: 1 1 auto;
  width: 100% !important;

  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  padding: 8px 0 !important;
  margin: 0 !important;

  -webkit-appearance: none !important;
  appearance: none !important;
}

/* Placeholder tone */
.site-footer .footer-newsletter form#ContactForm--footer input[name="contact[email]"]::placeholder{
  opacity: .75;
}

/* Focus: make the underline slightly stronger */
.site-footer .footer-newsletter form#ContactForm--footer:focus-within{
  border-bottom-color: rgba(0,0,0,.90);
}

/* 4) Submit button: inline, no block styling */
.site-footer .footer-newsletter form#ContactForm--footer button[type="submit"]{
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  padding: 0 !important;
  margin: 0 !important;

  font: inherit;
  color: inherit;
  cursor: pointer;

  /* Start hidden */
  opacity: 0;
  transform: translateX(6px);
  pointer-events: none;

  transition: opacity .18s ease, transform .18s ease;
}

/* 5) Reveal button ONLY when user typed something
   - Works because when field is empty, placeholder is shown
   - When typing, placeholder disappears => :not(:placeholder-shown)
*/
.site-footer .footer-newsletter form#ContactForm--footer
input[name="contact[email]"]:not(:placeholder-shown) ~ button[type="submit"]{
  opacity: 1;
  transform: translateX(0);
  pointer-events: auto;
}

/* 6) (Optional) If Debutify adds wrappers with background, neutralize them */
.site-footer .footer-newsletter form#ContactForm--footer .input,
.site-footer .footer-newsletter form#ContactForm--footer .field,
.site-footer .footer-newsletter form#ContactForm--footer .form-control,
.site-footer .footer-newsletter form#ContactForm--footer .input-group{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Footer newsletter error message: turn box into subtle text */
.site-footer .footer-newsletter form#ContactForm--footer .errors,
.site-footer .footer-newsletter form#ContactForm--footer .note.errors,
.site-footer .footer-newsletter form#ContactForm--footer .form__message {
  background: transparent !important;
  border: 0 !important;
  padding: 6px 0 0 !important;
  margin: 6px 0 0 !important;
  color: #c62828 !important;
  font-size: 12px !important;
  line-height: 1.3 !important;
}

/* Remove bullet styling if it’s a <ul> */
.site-footer .footer-newsletter form#ContactForm--footer .errors ul,
.site-footer .footer-newsletter form#ContactForm--footer .note.errors ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.site-footer .footer-newsletter form#ContactForm--footer .errors li,
.site-footer .footer-newsletter form#ContactForm--footer .note.errors li {
  margin: 0 !important;
}
``