/* Shared Brevo form (contact, request-demo, whitepaper, demo-videos).
   The Brevo embed ships its own styles (sib-styles.css); these overrides are
   scoped to .brevo-embed and pull it in line with the site design system. */

/* Brevo's message panels stay hidden until its script marks them active
   (by class or inline style). Written without :where() so older browsers behave too. */
.sib-form-message-panel:not(.sib-form-message-panel--active) { display: none; }

.brevo-embed .sib-form { background-color: transparent !important; padding: 0 !important; text-align: left !important; }
.brevo-embed #sib-container { max-width: 100% !important; border: none !important; background-color: transparent !important; border-radius: 0 !important; padding: 0 !important; text-align: left !important; }
.brevo-embed .sib-form-block,
.brevo-embed .entry__label,
.brevo-embed .sib-optin span,
.brevo-embed input,
.brevo-embed textarea,
.brevo-embed button { font-family: 'DM Sans', sans-serif !important; }

.brevo-embed .sib-form-message-panel { max-width: 100% !important; margin-bottom: 14px; font-size: 13px !important; }

.brevo-embed .brevo-row { padding: 6px 0; }
.brevo-embed .brevo-row-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; padding: 6px 0; }
.brevo-embed .brevo-row-pair .sib-form-block { padding: 0 !important; }

.brevo-embed .entry__label { color: var(--text) !important; font-size: 13px !important; font-weight: 600 !important; }
.brevo-embed .entry__error { font-size: 12px !important; }
.brevo-embed input.input,
.brevo-embed textarea.input {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid var(--bdr) !important;
  border-radius: 6px !important;
  padding: 10px 12px !important;
  font-size: 14px !important;
  color: var(--text) !important;
}
.brevo-embed textarea.input { min-height: 96px; resize: vertical; }
.brevo-embed .brevo-hint { font-size: 11px; color: var(--muted); margin-top: 4px; }
.brevo-embed .brevo-privacy { font-size: 11px; color: var(--muted); line-height: 1.6; margin: 6px 0 0; }
.brevo-embed .brevo-privacy a { color: var(--orange) !important; text-decoration: underline; }

.brevo-embed .sib-optin span { font-size: 13px !important; color: var(--text) !important; }
.brevo-embed .sib-form-block__button {
  background-color: var(--orange) !important;
  border-radius: 6px !important;
  font-size: 14px !important;
  padding: 11px 20px !important;
  color: var(--white) !important;
}
.brevo-embed .sib-form-block__button:hover { background-color: var(--orange-dk) !important; }

@media (max-width: 520px) {
  .brevo-embed .brevo-row-pair { grid-template-columns: 1fr; }
}

/* Safety nets that don't depend on Brevo's stylesheet loading. */
.brevo-embed .input--hidden { display: none !important; }            /* spam-trap field must never show */
.brevo-embed .sib-hide-loader-icon { display: none; }
.brevo-embed .sib-form-block__button svg { width: 16px; height: 16px; margin-right: 8px; vertical-align: -2px; }
