/* Additions on top of the ported WordPress/Avada stylesheets.
   Only states that the original site set with JavaScript belong here. */

/* React islands are wrapped in <astro-island> (display: contents), which breaks child combinators in the
   ported CSS. Re-state those rules through the wrapper. Original: .fusion-content-layout-row:not(.fusion-content-nowrap)>.awb-menu */
.fusion-content-layout-row:not(.fusion-content-nowrap) > astro-island > .awb-menu { width: auto; }

/* "Send to BCC only (test)" checkbox, invisible (contact page; only on localhost, Netlify previews, or the live site with ?bcctest).
   Absolutely positioned, so it never shifts the form layout. */
.bm-bcc-test {
  position: absolute; top: 0; right: 0; z-index: 2100; /* above the form's own columns (z-index 2000) */
  display: inline-flex; align-items: center; gap: 5px; margin: 0; padding: 4px 8px;
  font: 600 11px/1 "Raleway", Arial, sans-serif; letter-spacing: .03em; color: #e3783e;
  border: 1px dashed #e3783e; border-radius: 4px; background: #fff; cursor: pointer; user-select: none;
}
.bm-bcc-test input { margin: 0; width: 13px; height: 13px; accent-color: #e3783e; cursor: pointer; }
/* Invisible but still there and clickable in the same spot; the Submit button's "SEND TEST TO BCC" label shows when
   it is ticked. (opacity, not visibility/display, so it keeps receiving clicks and keyboard focus.) */
.bm-bcc-test { opacity: 0; transition: opacity .15s; }
/* ...until it is ticked: then the box shows, so it is obvious the next Submit is a test send. */
.bm-bcc-test.is-on, .bm-bcc-test:has(input:checked) { opacity: 1; }

/* Cloudflare Turnstile widget (replaces the original's inline reCAPTCHA badge, which took 60px under the submit
   button). Fixed box so the layout is identical whether the widget loads, is blocked, or is invisible. */
.bm-turnstile[data-appearance="always"] { height: 60px; overflow: visible; line-height: 0; }
.bm-turnstile[data-appearance="interaction-only"] { line-height: 0; }