/* =====================================================
   Mastra Ma' Forms Lite
   Footer minimal signup (forced override)
   ===================================================== */

/* FORM CONTAINER */
form.mastrama-form {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 14px !important;

  max-width: 320px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

/* INPUT RESET */
form.mastrama-form input[type="email"] {
  width: 100% !important;

  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4) !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  color: #ffffff !important;
  font-size: 14px !important;
  text-align: center !important;

  padding: 8px 0 !important;
  outline: none !important;
}

/* PLACEHOLDER = LABEL STYLE */
form.mastrama-form input[type="email"]::placeholder {
  color: rgba(255, 255, 255, 0.7) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  font-size: 12px !important;
}

/* REMOVE AUTOFILL STYLES (Chrome) */
form.mastrama-form input:-webkit-autofill,
form.mastrama-form input:-webkit-autofill:hover,
form.mastrama-form input:-webkit-autofill:focus {
  -webkit-text-fill-color: #ffffff !important;
  transition: background-color 5000s ease-in-out 0s;
}

/* SUBMIT BUTTON — TEXT ONLY */
form.mastrama-form button[type="submit"] {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;

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

  color: #ffffff !important;
  font-size: 13px !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;

  cursor: pointer !important;
  opacity: 1 !important;

  transition: opacity 160ms ease !important;
}

/* HOVER */
form.mastrama-form button[type="submit"]:hover {
  opacity: 0.65 !important;
}

/* ACTIVE / CLICK */
form.mastrama-form button[type="submit"]:active {
  opacity: 0.45 !important;
}

/* RESPONSE MESSAGE */
form.mastrama-form .mastrama-form-response {
  margin-top: 10px !important;
  font-size: 12px !important;
  color: #ffffff !important;
  text-align: center !important;
}

/* =====================================================
   "Sending" animation (no spinner)
   ===================================================== */

/* While form is submitting, animate the submit button */
form.mastrama-form.is-sending button[type="submit"] {
  pointer-events: none !important;
  cursor: default !important;

  /* Subtle luxe pulse */
  animation: mmSubmitPulse 1.05s ease-in-out infinite !important;
  opacity: 0.9 !important;
}

/* Prefer reduced motion */
@media (prefers-reduced-motion: reduce) {
  form.mastrama-form.is-sending button[type="submit"] {
    animation: none !important;
    opacity: 0.75 !important;
  }
}

@keyframes mmSubmitPulse {
  0%   { opacity: 0.55; letter-spacing: 0.14em; }
  50%  { opacity: 1;    letter-spacing: 0.20em; }
  100% { opacity: 0.55; letter-spacing: 0.14em; }
}

/* Sending state: visible micro-feedback without spinners */
form.mastrama-form.is-sending button[type="submit"]{
  pointer-events: none !important;
  cursor: default !important;

  /* Animate properties not overridden by !important elsewhere */
  animation: mmSubmitGlow 0.95s ease-in-out infinite !important;
  will-change: transform, text-shadow !important;
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce){
  form.mastrama-form.is-sending button[type="submit"]{
    animation: none !important;
    text-shadow: 0 0 6px rgba(255,255,255,0.35) !important;
  }
}

@keyframes mmSubmitGlow{
  0%   { transform: scale(1);    text-shadow: none; }
  50%  { transform: scale(1.06); text-shadow: 0 0 10px rgba(255,255,255,0.55); }
  100% { transform: scale(1);    text-shadow: none; }
}