/* Shared by captured marketing pages and the React-rendered pages. */
footer a:is([href*="facebook.com/"], [href*="x.com/"], [href*="twitter.com/"], [href*="linkedin.com/"], [href*="youtube.com/"], [href*="instagram.com/"]):has(svg) {
  display: inline-flex !important;
  width: 44px !important;
  height: 44px !important;
  align-items: center;
  justify-content: center;
  color: #194b08 !important;
  background: #fff !important;
  border-radius: 50%;
  opacity: 1 !important;
}
footer a:is([href*="facebook.com/"], [href*="x.com/"], [href*="twitter.com/"], [href*="linkedin.com/"], [href*="youtube.com/"], [href*="instagram.com/"]):has(svg) svg {
  width: 20px !important;
  height: 20px !important;
  fill: currentColor !important;
}
footer a:focus-visible { outline: 3px solid #79c25c; outline-offset: 4px; }

/* Put FAQ controls beside their question, clear of the fixed demo control. */
/* Uninitialized carousel tracks and entrance animations must not widen the
   mobile visual viewport or shift the position of touch targets. */
body[data-cropin-product] main { overflow-x: clip; }
body[data-cropin-product] main .e-n-accordion-item-title { justify-content: flex-start !important; gap: 16px !important; }
body[data-cropin-product] main .e-n-accordion-item-title-icon { order: -1; flex: 0 0 24px; }
body[data-cropin-product] main .e-n-accordion-item-title-header { min-width: 0; }
body[data-cropin-product] main .elementor[data-elementor-type="wp-page"] > .e-con:not(:first-child):not(#footerCTA) > .e-con-inner { padding-top: 56px !important; padding-bottom: 56px !important; }
body[data-cropin-product] main .elementor[data-elementor-type="wp-page"] > .e-con.e-con-full:not(:first-child):not(#footerCTA) { padding-top: 56px !important; padding-bottom: 56px !important; }
body[data-cropin-product] main .elementor[data-elementor-type="wp-page"] > .e-con:first-child > .e-con-inner { padding-top: 40px !important; padding-bottom: 40px !important; }
@media (max-width: 767px) {
  body[data-cropin-product] main .elementor[data-elementor-type="wp-page"] > .e-con:not(:first-child):not(#footerCTA) > .e-con-inner,
  body[data-cropin-product] main .elementor[data-elementor-type="wp-page"] > .e-con.e-con-full:not(:first-child):not(#footerCTA) { padding-top: 36px !important; padding-bottom: 36px !important; }
}
