/* Subtle, on-brand styling for the Mailchimp signup embed in the footer.
   Overrides Mailchimp's classic-061523.css without touching their markup. */

.footer-newsletter {
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
  padding-bottom: 20px;
  margin-bottom: 24px;
  border-bottom: 1px solid rgba(148, 78, 60, 0.18);
  text-align: left;
}

.footer-newsletter #mc_embed_signup {
  background: transparent !important;
  width: 100% !important;
  font-family: "Inter Tight", Helvetica, Arial, sans-serif !important;
  clear: none;
}

.footer-newsletter #mc_embed_signup h2 {
  font-family: "Fraunces", serif;
  font-size: 0.8rem;
  font-weight: 400;
  letter-spacing: 0.03em;
  color: #191c25;
  opacity: 0.85;
  text-align: center;
  margin: 0 0 10px;
}

/* The "* indicates required" line is redundant with the asterisk already
   shown on the Email label, so it's kept in the DOM but hidden visually
   to save space and keep the strip subtle. */
.footer-newsletter #mc_embed_signup .indicates-required {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}

.footer-newsletter #mc_embed_signup .asterisk {
  color: #8f3f2a;
  font-size: 0.8rem;
}

.footer-newsletter #mc_embed_signup_scroll {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  column-gap: 14px;
  row-gap: 8px;
}

.footer-newsletter #mc_embed_signup_scroll > h2 {
  order: 0;
  flex: 0 0 100%;
  width: 100%;
}

.footer-newsletter #mc_embed_signup_scroll > #mce-responses {
  order: 3;
  flex: 0 0 100%;
  width: 100%;
}

.footer-newsletter #mc_embed_signup .mc-field-group {
  order: 1;
  flex: 1 1 120px;
  margin-bottom: 0;
  text-align: left;
}

.footer-newsletter #mc_embed_signup .mc-field-group:first-child {
  flex-grow: 1.3;
}

.footer-newsletter #mc_embed_signup label {
  display: block;
  font-size: 0.62rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #944e3c;
  opacity: 0.75;
  margin-bottom: 3px;
}

.footer-newsletter #mc_embed_signup input.email,
.footer-newsletter #mc_embed_signup input[type="text"] {
  width: 100% !important;
  box-sizing: border-box;
  padding: 6px 2px !important;
  font-size: 0.85rem !important;
  font-family: "Inter Tight", Helvetica, Arial, sans-serif !important;
  color: #320707 !important;
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid rgba(148, 78, 60, 0.3) !important;
  border-radius: 0 !important;
  height: auto !important;
  transition: border-color 0.2s ease-in-out;
}

.footer-newsletter #mc_embed_signup input.email:focus,
.footer-newsletter #mc_embed_signup input[type="text"]:focus {
  outline: none !important;
  border-bottom-color: #8f3f2a !important;
}

.footer-newsletter #mc_embed_signup input.email::placeholder,
.footer-newsletter #mc_embed_signup input[type="text"]::placeholder {
  color: rgba(50, 7, 7, 0.35);
}

.footer-newsletter #mc_embed_signup div#mce-responses {
  width: 100%;
}

.footer-newsletter #mc_embed_signup .response {
  font-size: 0.7rem;
  margin-top: 6px;
  padding: 0 !important;
  background: transparent !important;
  text-align: center;
}

.footer-newsletter #mc_embed_signup #mce-error-response {
  color: #8f3f2a;
}

.footer-newsletter #mc_embed_signup #mce-success-response {
  color: #944e3c;
}

.footer-newsletter #mc_embed_signup .optionalParent {
  order: 1;
  flex: 0 0 auto;
  margin: 0;
  padding-bottom: 1px;
}

.footer-newsletter #mc_embed_signup .clear.foot {
  display: flex;
  align-items: center;
  gap: 8px;
}

.footer-newsletter #mc_embed_signup input#mc-embedded-subscribe {
  display: inline-block;
  font-family: "Fraunces", serif;
  font-size: 0.6rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #ffffff !important;
  background-color: #8f3f2a !important;
  border: 1px solid #8f3f2a !important;
  border-radius: 3px;
  padding: 8px 18px !important;
  height: auto !important;
  width: auto !important;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}

.footer-newsletter #mc_embed_signup input#mc-embedded-subscribe:hover,
.footer-newsletter #mc_embed_signup input#mc-embedded-subscribe:focus {
  background-color: #72322f !important;
  border-color: #72322f !important;
}

.footer-newsletter #mc_embed_signup .refferal_badge {
  display: block;
  opacity: 0.4;
  width: 80px !important;
  height: auto !important;
  margin: 0 !important;
}

.footer-newsletter #mc_embed_signup .optionalParent p {
  margin: 0 !important;
}

@media (max-width: 560px) {
  .footer-newsletter {
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }

  .footer-newsletter #mc_embed_signup .mc-field-group,
  .footer-newsletter #mc_embed_signup .mc-field-group:first-child,
  .footer-newsletter #mc_embed_signup .optionalParent {
    flex: 0 0 100%;
    width: 100%;
  }

  .footer-newsletter #mc_embed_signup .optionalParent .clear.foot {
    justify-content: center;
  }
}