/* ============================================================
   FORM.CSS — Luxury form helpers (shared)
   ============================================================ */

.phone-wrapper { width: 100%; }
.phone-wrapper .iti { width: 100%; }
.phone-wrapper .iti__flag-container { z-index: 10; }

/* Validation — luxury invalid state */
.strip-form input.invalid,
.simple-form input.invalid,
.simple-form textarea.invalid {
  border-bottom-color: #c4485c !important;
  animation: shakeField 0.3s ease;
}

@keyframes shakeField {
  0%, 100% { transform: translateX(0); }
  25%       { transform: translateX(-4px); }
  75%       { transform: translateX(4px); }
}

/* Submit loading spinner */
.btn-primary .fa-sync-alt,
.strip-submit .fa-sync-alt {
  animation: spinBtn 0.8s linear infinite;
}
@keyframes spinBtn { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }

.btn-primary .fa-check,
.strip-submit .fa-check { color: #1a0e00; }