/* AtarGo accessibility widget — chrome + effect classes. No external deps. RTL-first. */
.ag-a11y-btn{position:fixed;bottom:22px;right:22px;z-index:99990;width:52px;height:52px;border-radius:50%;border:0;background:#1a1a2e;color:#fff;font-size:24px;line-height:1;cursor:pointer;box-shadow:0 10px 24px rgba(0,0,0,.3);display:grid;place-items:center}
.ag-a11y-btn:hover,.ag-a11y-btn:focus-visible{background:#2d2d55}
.ag-a11y-panel{position:fixed;bottom:84px;right:22px;z-index:99991;width:min(320px,calc(100vw - 32px));max-height:min(560px,calc(100vh - 120px));overflow:auto;background:#fff;color:#1a1a2e;border-radius:14px;box-shadow:0 20px 50px rgba(0,0,0,.35);font-family:Arial,Heebo,sans-serif;direction:rtl;text-align:right;font-size:15px;line-height:1.5}
.ag-a11y-panel[hidden]{display:none}
.ag-a11y-panel-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #e5e5ea;position:sticky;top:0;background:#fff}
.ag-a11y-panel-title{font-weight:700;font-size:16px}
.ag-a11y-close{border:0;background:none;font-size:18px;cursor:pointer;color:#1a1a2e;min-width:32px;min-height:32px}
.ag-a11y-panel-body{padding:8px 16px}
.ag-a11y-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #f0f0f4}
.ag-a11y-row-wrap{flex-wrap:wrap}
.ag-a11y-row-label{flex:1}
.ag-a11y-font-ctl{display:flex;gap:6px}
.ag-a11y-btn-sm{min-width:36px;min-height:36px;border-radius:8px;border:1px solid #ccc;background:#f7f7fa;color:#1a1a2e;cursor:pointer;font-size:14px}
.ag-a11y-btn-sm:hover,.ag-a11y-btn-sm:focus-visible{background:#e8e8f5}
.ag-a11y-contrast-ctl{display:flex;gap:6px;flex-wrap:wrap;width:100%}
.ag-a11y-chip{min-height:36px;padding:6px 12px;border-radius:99px;border:1px solid #ccc;background:#f7f7fa;color:#1a1a2e;cursor:pointer;font-size:13px}
.ag-a11y-chip[aria-pressed="true"]{background:#1a1a2e;color:#fff;border-color:#1a1a2e}
.ag-a11y-switch{width:44px;height:26px;border-radius:99px;border:1px solid #ccc;background:#e5e5ea;position:relative;cursor:pointer}
.ag-a11y-switch::after{content:"";position:absolute;top:2px;right:2px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 3px rgba(0,0,0,.3)}
.ag-a11y-switch[aria-pressed="true"]{background:#1a1a2e}
.ag-a11y-switch[aria-pressed="true"]::after{transform:translateX(-18px)}
.ag-a11y-panel-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;border-top:1px solid #e5e5ea;position:sticky;bottom:0;background:#fff}
.ag-a11y-reset-all{border:1px solid #ccc;background:#f7f7fa;color:#1a1a2e;border-radius:8px;padding:8px 12px;cursor:pointer;font-size:13px;min-height:36px}
.ag-a11y-statement-link{color:#4f6fe0;font-size:13px;text-decoration:underline}
.ag-a11y-skip{position:absolute;top:0;left:0;z-index:99999;background:#1a1a2e;color:#fff;padding:12px 20px;border-radius:0 0 10px 10px;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.ag-a11y-skip:focus{width:auto;height:auto;overflow:visible;clip:auto;clip-path:none;white-space:normal}

/* effects are applied to <body> classes, never <html>. The button/panel/skip-link are inserted as
   siblings of <body> (children of <html>, see a11y.js), so they are never inside the containing
   block that filter/zoom on <body> creates below, and stay fixed to the real viewport and fully
   visible/clickable in every contrast mode, including dark mode. */
body.ag-a11y-links a{text-decoration:underline!important;font-weight:700!important}
body.ag-a11y-headings h1,body.ag-a11y-headings h2,body.ag-a11y-headings h3,body.ag-a11y-headings h4{outline:3px solid #ffb300!important;outline-offset:2px;background:rgba(255,179,0,.12)!important}
body.ag-a11y-readable-font,body.ag-a11y-readable-font *{font-family:Arial,Helvetica,sans-serif!important}
body.ag-a11y-spacing,body.ag-a11y-spacing *{letter-spacing:.04em!important;line-height:1.9!important;word-spacing:.08em!important}
body.ag-a11y-pause-anim,body.ag-a11y-pause-anim *,body.ag-a11y-pause-anim *::before,body.ag-a11y-pause-anim *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
body.ag-a11y-big-cursor,body.ag-a11y-big-cursor *{cursor:url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2248%22 height=%2248%22 viewBox=%220 0 48 48%22%3E%3Cpath d=%22M6 2 L6 40 L15 31 L21 44 L27 41 L21 28 L34 28 Z%22 fill=%22black%22 stroke=%22white%22 stroke-width=%222%22/%3E%3C/svg%3E') 6 2,auto!important}
body.ag-a11y-focus-visible :focus{outline:3px solid #ffb300!important;outline-offset:2px!important;box-shadow:0 0 0 5px rgba(255,179,0,.35)!important}
body.ag-a11y-contrast-high{filter:contrast(1.35) saturate(1.1)}
body.ag-a11y-contrast-dark{background:#0a0a0a!important;color:#f5f5f5!important}
body.ag-a11y-contrast-dark img,body.ag-a11y-contrast-dark video{filter:brightness(.85)}
body.ag-a11y-contrast-mono{filter:grayscale(1)!important}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
}