/* These styles are generated from project.scss. */

.alert-debug {
  color: black;
  background-color: white;
  border-color: #d6e9c6;
}

.alert-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}


.btn-xs {
  padding: 0;
}

/* ── Accessibility widget ──────────────────────────────────────────────────── */
.a11y-panel {
  position: fixed;
  top: 4.5rem;
  right: 1rem;
  z-index: 1001;
  width: 20rem;
  max-width: calc(100vw - 2rem);
  display: none;
}
.a11y-panel.is-open { display: block; }
.a11y-group { margin-bottom: 1rem; }
.a11y-group-label {
  font-size: .8125rem;
  font-weight: 600;
  margin-bottom: .4rem;
  display: block;
}
.a11y-pills { display: flex; flex-wrap: wrap; gap: .4rem; }
.a11y-pills input[type="radio"] { position: absolute; opacity: 0; width: 0; height: 0; }
.a11y-pills label {
  display: inline-block;
  padding: .3rem .75rem;
  border: 1.5px solid currentColor;
  border-radius: 2rem;
  font-size: .8125rem;
  cursor: pointer;
  opacity: 0.55;
  transition: opacity .12s;
}
.a11y-pills input[type="radio"]:checked + label {
  opacity: 1;
  font-weight: 600;
}
.a11y-pills label:hover { opacity: 0.8; }
.a11y-pills input[type="radio"]:focus-visible + label {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

/* ── Contrast overrides ────────────────────────────────────────────────────── */
html[data-a11y-contrast="high"] { filter: contrast(1.4); }
html[data-a11y-contrast="low"]  { filter: contrast(0.7); }

/* ── Text size overrides ───────────────────────────────────────────────────── */
html[data-a11y-text="large"]       { font-size: 112.5%; }
html[data-a11y-text="extra-large"] { font-size: 125%; }

/* ── Motion override ───────────────────────────────────────────────────────── */
html[data-a11y-motion="reduced"] *,
html[data-a11y-motion="reduced"] *::before,
html[data-a11y-motion="reduced"] *::after {
  animation-duration: .001ms !important;
  animation-iteration-count: 1 !important;
  transition-duration: .001ms !important;
}

.dark-overlay {
  background-color: rgba(0, 0, 0, 0.7);
  color: white;
  display: inline-block;
  padding: 10px;
}