/* ── Accessibility Widget ── */
#a11y-w {
  position: fixed;
  top: 112px;
  left: 16px;
  z-index: 8990;
  direction: rtl;
  font-family: 'Assistant', -apple-system, BlinkMacSystemFont, sans-serif;
}

.a11y-btn {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
  background: radial-gradient(circle at 38% 35%, #5ec8ff 0%, #1a88d8 52%, #1055b8 100%);
  border: none;
  color: white;
  box-shadow:
    inset 0 0 0 3px rgba(255,255,255,0.82),
    0 4px 14px rgba(0,50,130,0.4);
}
.a11y-btn:hover,
.a11y-btn.a11y-open {
  background: radial-gradient(circle at 38% 35%, #72d4ff 0%, #2096e0 52%, #1260ca 100%);
  box-shadow:
    inset 0 0 0 3px rgba(255,255,255,0.88),
    0 6px 20px rgba(0,50,130,0.5);
}

.a11y-panel {
  position: absolute;
  top: 54px;
  left: 0;
  min-width: 196px;
  border-radius: 14px;
  overflow: hidden;
  backdrop-filter: blur(14px);
  background: rgba(16, 10, 2, 0.96);
  border: 1px solid rgba(184, 134, 11, 0.22);
  box-shadow: 0 10px 32px rgba(0,0,0,0.55);
}
.a11y-panel[hidden] { display: none; }

.a11y-hdr {
  padding: 11px 14px 9px;
  font-size: 11px;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  font-weight: 700;
  color: rgba(212,175,106,0.45);
  border-bottom: 1px solid rgba(184,134,11,0.13);
}

.a11y-row {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 10px 14px;
  background: none;
  border: none;
  border-top: 1px solid rgba(184,134,11,0.07);
  cursor: pointer;
  font-family: inherit;
  font-size: 13.5px;
  text-align: right;
  direction: rtl;
  transition: background 0.12s, color 0.12s;
  color: rgba(212,175,106,0.7);
}
.a11y-row:first-of-type { border-top: none; }
.a11y-row:hover { background: rgba(184,134,11,0.08); color: rgba(212,175,106,0.96); }
.a11y-row.a11y-on { background: rgba(184,134,11,0.14); color: #d4af6a; }
.a11y-row:disabled { opacity: 0.3; cursor: not-allowed; }

.a11y-ico {
  font-size: 14px;
  font-weight: 700;
  width: 20px;
  text-align: center;
  flex-shrink: 0;
}

/* ── LIGHT skin ── */
.a11y-light .a11y-panel {
  background: rgba(252,248,240,0.97);
  border-color: rgba(140,100,10,0.2);
  box-shadow: 0 10px 32px rgba(120,80,10,0.15);
}
.a11y-light .a11y-hdr {
  color: rgba(80,55,5,0.42);
  border-color: rgba(140,100,10,0.11);
}
.a11y-light .a11y-row {
  border-color: rgba(140,100,10,0.07);
  color: rgba(80,55,5,0.66);
}
.a11y-light .a11y-row:hover { background: rgba(140,100,10,0.07); color: rgba(80,55,5,0.92); }
.a11y-light .a11y-row.a11y-on { background: rgba(140,100,10,0.13); color: rgba(80,55,5,0.92); }

/* ── Page effects ── */
html.a11y-links a {
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}
html.a11y-font,
html.a11y-font * {
  font-family: Arial, 'Helvetica Neue', sans-serif !important;
  letter-spacing: 0.03em !important;
  line-height: 1.78 !important;
}