/* Accessibility toolbar block styles. */

.i2-accessibility-btn.function-accessibility {
  position: relative;
  display: inline-block;
}

.i2-accessibility-btn--header.function-accessibility {
  display: inline-flex;
}

.i2-accessibility-btn--header .i2-accessibility-btn__toggle.mc-header__utility-link {
  cursor: pointer;
}

.i2-accessibility-btn--header .header-function-panel {
  left: auto;
  right: 0;
}

.i2-accessibility-btn__toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.25rem;
  border: 0;
  background: transparent;
  cursor: pointer;
  text-decoration: none;
}

.i2-accessibility-btn__toggle img {
  display: block;
}

.i2-accessibility-btn .header-function-panel {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 500;
  min-width: 220px;
  margin-top: 0.5rem;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.i2-accessibility-btn .header-function-panel__inner {
  padding: 0.5rem 0;
}

.i2-accessibility-btn .header-function-accessibility-links {
  list-style: none;
  margin: 0;
  padding: 0;
}

.i2-accessibility-btn .pojo-a11y-toolbar-item {
  margin: 0;
}

.i2-accessibility-btn .pojo-a11y-toolbar-item a {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 1rem;
  color: #333;
  text-decoration: none;
  white-space: nowrap;
}

.i2-accessibility-btn .pojo-a11y-toolbar-item a:hover,
.i2-accessibility-btn .pojo-a11y-toolbar-item a:focus {
  background: #f5f5f5;
}

.i2-accessibility-btn .pojo-a11y-toolbar-item a.active {
  background: #e8f0fe;
}

.i2-accessibility-btn .pojo-a11y-toolbar-icon {
  display: inline-flex;
  flex-shrink: 0;
  position: relative;
  width: 30px;
  height: 30px;
}

.i2-accessibility-btn .pojo-a11y-toolbar-icon img {
  display: block;
}

.i2-accessibility-btn .hc_white {
  display: none;
}

/* Body accessibility modes (pojo-a11y). */
body.pojo-a11y-grayscale {
  filter: grayscale(100%);
}

body.pojo-a11y-links-underline a {
  text-decoration: underline !important;
}

body.pojo-a11y-readable-font,
body.pojo-a11y-readable-font * {
  font-family: Arial, Helvetica, sans-serif !important;
}

body .i2-accessibility-btn .hc_white,
body.pojo-a11y-negative-contrast .i2-accessibility-btn .hc_black,
body.pojo-a11y-high-contrast .i2-accessibility-btn .hc_black {
  display: none;
}

body.pojo-a11y-negative-contrast .i2-accessibility-btn .hc_white,
body.pojo-a11y-high-contrast .i2-accessibility-btn .hc_white {
  display: block;
}

body.pojo-a11y-focusable *:focus {
  outline: 2px solid #005fcc !important;
  outline-offset: 2px;
}