/* Accessibility widget - look and position of the floating button.
   Loaded on every page next to sienna-a11y.min.js.
   The high-specificity selectors + !important are needed to override the styles
   the widget injects for itself. Do not remove them. */

/* Floating button: indigo tab tucked flush to the LEFT edge of the screen,
   rounded on its outer (right) side. */
.asw-container .asw-menu-btn {
  background: rgb(110, 124, 178) !important;
  border: none !important;
  outline: none !important;
  border-radius: 0 16px 16px 0 !important;
  left: 0 !important;
  right: auto !important;
  top: min(510px, calc(100vh - 60px)) !important; /* 510px on normal screens; on short windows stays ≥12px above the bottom edge (owner request 2026-09-21) */
  bottom: auto !important;
  width: 48px !important;
  height: 48px !important;
}
.asw-container .asw-menu-btn svg {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  max-width: 28px !important;
  max-height: 28px !important;
}

/* Mobile (below 768px): anchored from the bottom, level with the site's
   WhatsApp button (bottom-right). Site owner's request, 2026-09-21. */
@media (max-width: 767.98px) {
  .asw-container .asw-menu-btn {
    top: auto !important;
    bottom: max(54px, calc(env(safe-area-inset-bottom) + 36px)) !important; /* +7px, owner request 2026-09-23 */
    left: -7px !important;
  }
}

/* Close (X) button: red with a white X, so it is obvious how to close
   the panel if someone opens it by mistake. */
.asw-container .asw-menu-close {
  background: #dc2626 !important;
}
.asw-container .asw-menu-close svg {
  fill: #ffffff !important;
}
.asw-container .asw-menu-close:hover {
  background: #b91c1c !important;
}

/* Subtle accessibility-statement link at the foot of the menu. */
.asw-container .asw-menu .asw-footer {
  padding: 14px 16px !important;
  text-align: center !important;
  border-top: 1px solid #e5e7eb !important;
}
.asw-container .a11y-statement-link {
  font-size: 13px !important;
  color: #6b7280 !important;
  text-decoration: underline !important;
}
.asw-container .a11y-statement-link:hover {
  color: #374151 !important;
}