/*
 * The two rules the Complianz banner inherits from the WordPress theme on
 * workinsync.io rather than from its own stylesheets. Without them the banner
 * renders differently here: the visually-hidden category names next to each
 * toggle would show as plain text, and the banner would pick up this site's
 * font instead of the theme's system stack.
 */

/* Hello Elementor / WP core utility the banner markup relies on. */
.cmplz-cookiebanner .screen-reader-text,
#cmplz-manage-consent .screen-reader-text {
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  white-space: nowrap;
  word-wrap: normal !important;
  border: 0;
  padding: 0;
  margin: -1px;
}

/* Matches the computed font on workinsync.io. Swap to `inherit` to let the
   banner adopt this site's typography instead. */
.cmplz-cookiebanner,
#cmplz-manage-consent .cmplz-manage-consent {
  font-family:
    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
    Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 18px;
}