/* Brevo / SibForms compatibility fixes
   Keeps the theme's generic media/button rules from leaking into embedded Brevo forms. */

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

/* The theme has a global `img, svg, video, canvas { max-width:100%; height:auto; }` rule.
   Brevo's submit-loader is an inline SVG that must stay tiny and hidden until Brevo JS activates it. */
.sib-form .sib-hide-loader-icon,
#sib-form .sib-hide-loader-icon,
.sib-form svg.progress-indicator__icon.sib-hide-loader-icon,
#sib-form svg.progress-indicator__icon.sib-hide-loader-icon {
  display: none !important;
}

.sib-form .sib-form-block__button svg.progress-indicator__icon,
#sib-form .sib-form-block__button svg.progress-indicator__icon {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  max-width: 16px !important;
  flex: 0 0 16px !important;
  vertical-align: -2px !important;
  fill: currentColor !important;
}

/* When Brevo temporarily removes the hide class while submitting, keep the loader inline instead of oversized. */
.sib-form .sib-form-block__button .progress-indicator__icon:not(.sib-hide-loader-icon),
#sib-form .sib-form-block__button .progress-indicator__icon:not(.sib-hide-loader-icon) {
  display: inline-block !important;
}

/* Scope form controls so theme / block editor button styles do not affect the Brevo form. */
.sib-form .sib-form-block__button,
#sib-form .sib-form-block__button {
  appearance: none;
  -webkit-appearance: none;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  line-height: 1.2;
  min-height: 40px;
  padding: 12px 18px;
  cursor: pointer;
  text-decoration: none;
}

.sib-form .entry__field input,
#sib-form .entry__field input,
.sib-form .entry__field textarea,
#sib-form .entry__field textarea {
  max-width: 100%;
  box-shadow: none;
}

/* Brevo's hidden anti-spam field must never be visible. */
.sib-form input.input--hidden,
#sib-form input.input--hidden,
.sib-form input[name="email_address_check"],
#sib-form input[name="email_address_check"] {
  display: none !important;
  visibility: hidden !important;
  position: absolute !important;
  left: -9999px !important;
}