/* Carousel Pause/Play button (audit item 6).
   'body button.' beats Elementor's global '.elementor-kit-6 button' style. */
body button.bhcoe-carousel-toggle {
  font-size: 14px;
  line-height: 1.2;
  padding: 6px 14px;
  display: block;
  width: fit-content;
  margin: 8px 0 0 auto; /* right-aligned below the carousel */
}
/* Visible focus ring on the submenu arrow toggles (audit items 3-5) */
.uael-menu-toggle[role="button"]:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: -2px; /* inset so the ring doesn't cover the link text */
}

/* Submenu arrow toggles: sit beside the link, 24x24 target (WCAG 2.5.8) */
.uael-has-submenu-container.bhcoe-has-toggle {
  display: flex;
  align-items: center;
}
.bhcoe-has-toggle > .uael-menu-toggle[role="button"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  min-height: 24px;
  margin-left: 4px; /* room between the link text and the focus ring */
  cursor: pointer;
}