/* Brevo form styles are loaded in a scoped way inside the modal.
   This file is intentionally kept minimal to avoid global style collisions. */

/* Container alignment helpers */
.brevo-modal-embed {
  display: block;
}

/* Make embedded Brevo form feel native */
.brevo-modal-embed .sib-form,
.brevo-modal-embed #sib-form-container,
.brevo-modal-embed #sib-container {
  background: transparent !important;
}

.brevo-modal-embed #sib-container {
  border: 0 !important;
  border-radius: 0 !important;
  max-width: none !important;
  padding: 0 !important;
}

.brevo-modal-embed .sib-form-message-panel {
  max-width: none !important;
}

/* Typography */
.brevo-modal-embed .sib-form,
.brevo-modal-embed .sib-form * {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji" !important;
}

/* Inputs */
.brevo-modal-embed input.input,
.brevo-modal-embed input[type="text"],
.brevo-modal-embed input[type="email"],
.brevo-modal-embed textarea {
  border-radius: 9999px !important;
  border: 1px solid rgba(0,0,0,0.12) !important;
  background: rgba(255,255,255,0.92) !important;
  padding: 12px 14px !important;
  font-size: 14px !important;
  outline: none !important;
}

.brevo-modal-embed textarea {
  border-radius: 16px !important;
}

.brevo-modal-embed input:focus,
.brevo-modal-embed textarea:focus {
  border-color: rgba(21,128,61,0.55) !important;
  box-shadow: 0 0 0 4px rgba(21,128,61,0.14) !important;
}

/* Labels */
.brevo-modal-embed label {
  font-weight: 600 !important;
  color: rgba(17,24,39,0.9) !important;
}

/* Button */
.brevo-modal-embed button.sib-form-block__button {
  width: 100% !important;
  border-radius: 9999px !important;
  background: #0f172a !important; /* foreground */
  color: #ffffff !important;
  padding: 12px 16px !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em !important;
}

.brevo-modal-embed button.sib-form-block__button:hover {
  filter: brightness(0.95) !important;
}

/* Remove Brevo card background */
.brevo-modal-embed .sib-form {
  background: transparent !important;
  text-align: left !important;
}

/* Reduce big newsletter title if present */
.brevo-modal-embed .sib-form-block p {
  margin: 0 !important;
}

/* Hide typical "Newsletter" heading + description blocks if they exist */
.brevo-modal-embed .sib-form-block[style*="font-size:32px"],
.brevo-modal-embed .sib-form-block[style*="Subscribe to our newsletter"] {
  display: none !important;
}