/* Brevo ("Sendinblue") subscription form styling.
   Provided by Brevo's own form-embed snippet — kept as a separate file since
   it's vendor-provided, shared verbatim across all locales and both embed
   instances (popup + Expert Support section) on the landing page. */

@font-face {
  font-display: block;
  font-family: Roboto;
  src: url(https://assets.brevo.com/font/Roboto/Latin/normal/normal/7529907e9eaf8ebb5220c5f9850e3811.woff2) format("woff2"), url(https://assets.brevo.com/font/Roboto/Latin/normal/normal/25c678feafdc175a70922a116c9be3e7.woff) format("woff")
}

@font-face {
  font-display: fallback;
  font-family: Roboto;
  font-weight: 600;
  src: url(https://assets.brevo.com/font/Roboto/Latin/medium/normal/6e9caeeafb1f3491be3e32744bc30440.woff2) format("woff2"), url(https://assets.brevo.com/font/Roboto/Latin/medium/normal/71501f0d8d5aa95960f6475d5487d4c2.woff) format("woff")
}

@font-face {
  font-display: fallback;
  font-family: Roboto;
  font-weight: 700;
  src: url(https://assets.brevo.com/font/Roboto/Latin/bold/normal/3ef7cf158f310cf752d5ad08cd0e7e60.woff2) format("woff2"), url(https://assets.brevo.com/font/Roboto/Latin/bold/normal/ece3a1d82f18b60bcce0211725c476aa.woff) format("woff")
}

:where(.sib-form-message-panel) {
  display: none;
}

:where(.sib-form-message-panel .sib-notification__icon) {
  width: 20px;
  height: 20px;
}

#sib-container input:-ms-input-placeholder {
  font-family: Helvetica, sans-serif;
  text-align: left;
  color: #c0ccda;
}

#sib-container input::placeholder {
  font-family: Helvetica, sans-serif;
  text-align: left;
  color: #c0ccda;
}

#sib-container textarea::placeholder {
  font-family: Helvetica, sans-serif;
  text-align: left;
  color: #c0ccda;
}

#sib-container a {
  text-decoration: underline;
  color: #2BB2FC;
}

/* Defensive fallback for Brevo's own https://sibforms.com/.../sib-styles.css:
   if that stylesheet is ever unreachable (CDN hiccup, ad/tracker blocker —
   things a CSP allowlist can't fix), the submit button's loader icon has no
   sizing rule of its own and renders at native SVG size, and Brevo's
   containers have no width constraints. These rules keep the form usable
   even without sib-styles.css loading. Plain (non-!important) so Brevo's
   own CSS, when it does load, still wins. */
.sib-hide-loader-icon {
  display: none;
}

.sib-form-block__button svg {
  width: 16px;
  height: 16px;
}

/* Without sib-styles.css the button has 0px padding, a 24px content-height
   box, and cursor:default (confirmed by inspection) — same padding as the
   site's own .btn-md (10px 20px) so it isn't cramped, plus a pointer cursor. */
.brevo-form-column .sib-form-block__button {
  padding: 10px 20px;
  cursor: pointer;
}

/* This label is always present in the markup (Brevo populates it with error
   text via JS when validation fails) but has only whitespace initially, so
   a plain :empty selector doesn't match — hide it by default instead. */
.brevo-form-column .entry__error--primary {
  display: none;
}

/* sib-styles.css also supplies the email input's border/padding/radius —
   without it the field has a 0px border and 0px padding (confirmed by
   inspection), i.e. an unstyled, barely-visible text field. Matches the
   existing #contactForm inputs' look (px-4 py-2 rounded-lg border ...) so
   it's consistent even if Brevo's stylesheet never loads. */
.brevo-form-column input.input {
  width: 100%;
  padding: 8px 16px;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  font-size: 16px;
}

.brevo-form-column input.input:focus {
  outline: none;
  border-color: #9c7648;
  box-shadow: 0 0 0 2px rgba(156, 118, 72, 0.4);
}

.dark .brevo-form-column input.input {
  background-color: transparent;
  border-color: #4b5563;
  color: #fff;
}

.brevo-form-column,
.brevo-form-column * {
  box-sizing: border-box;
}

.brevo-form-column {
  min-width: 0;
}

/* Fit Brevo's centered "block" form into a column on the landing page
   (both the Expert Support section and the popup embed it this way). */
.brevo-form-column .sib-form {
  text-align: left;
}

.brevo-form-column #sib-container {
  max-width: 100%;
  margin: 0;
}

.brevo-form-column .entry__field .input {
  max-width: 100%;
}

.brevo-form-column .sib-form-block,
.brevo-form-column .entry__label,
.brevo-form-column .entry__specification {
  text-align: left !important;
}

/* Used for the Expert Support section embed, to set the subscribe form
   apart as its own box next to the "Speak to a Specialist" content. */
.brevo-form-column--bordered {
  border: 2px solid #9c7648;
  border-radius: 16px;
  padding: 24px;
}

/* The Brevo snippet's own colors were not designed with this page's dark
   theme in mind — override just enough to keep the form readable when
   `.dark` is active on <body>. */
.dark .brevo-form-column #sib-container {
  background-color: rgba(255, 255, 255, 0.06) !important;
}

.dark .brevo-form-column .sib-form-block[style],
.dark .brevo-form-column .form__label-row .entry__label[style] {
  color: #E5E7EB !important;
}

.dark .brevo-form-column .entry__specification[style] {
  color: #9CA3AF !important;
}