/* Negishim accessibility widget overrides — load on every page */

/* Floating trigger + open menu stay on the LEFT (matches accessibility_rtl = false) */
.btn_accessibility:not(.btn_accessibility_action) {
  top: 60px !important;
  left: 10px !important;
  right: auto !important;
  bottom: auto !important;
}

/* Keep action buttons on the left; do NOT override top — Negishim stacks them vertically */
.btn_accessibility_action {
  left: 10px !important;
  right: auto !important;
}

.accessibility_menu {
  left: 10px !important;
  right: auto !important;
}

@media screen and (min-width: 769px) {
  .btn_accessibility.bb-a11y-custom:not(.btn_accessibility_action) {
    font-size: 0 !important;
    color: transparent !important;
    text-indent: -9999px !important;
    overflow: visible !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 60px !important;
    height: 60px !important;
    min-width: 60px !important;
    min-height: 60px !important;
    position: fixed !important;
    cursor: pointer !important;
    pointer-events: auto !important;
    z-index: 99999 !important;
  }

  .btn_accessibility.bb-a11y-custom:not(.btn_accessibility_action)::before {
    content: '' !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    background-image: url('/images/accessibility-icon.png') !important;
    background-size: 100% 100% !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 1 !important;
    pointer-events: none !important;
  }

  /* Keep Negishim's inner nodes for click handlers; hide visually */
  .btn_accessibility.bb-a11y-custom:not(.btn_accessibility_action) > *:not(.accessibility_menu) {
    opacity: 0 !important;
  }
}