
/* YAAZHAI Low-Vision Accessibility Controls */
#a11y-widget{position:fixed;right:20px;top:68px;bottom:auto;z-index:2147483000;font-family:Arial,Helvetica,sans-serif;transition:transform .24s ease,opacity .24s ease}
#a11y-toggle{border:2px solid #fff;background:#8f5d39;color:#fff;padding:12px 16px;border-radius:999px;font:700 14px/1 Arial,sans-serif;letter-spacing:.02em;cursor:pointer;box-shadow:0 6px 22px rgba(40,25,15,.28);min-height:46px}
#a11y-toggle:focus,#a11y-widget button:focus,#a11y-widget input:focus{outline:3px solid #111;outline-offset:3px}
#a11y-panel{display:none;width:min(340px,calc(100vw - 30px));margin-bottom:10px;padding:18px;background:#fffaf6;color:#49382e;border:2px solid #8f5d39;border-radius:18px;box-shadow:0 14px 40px rgba(40,25,15,.28)}
#a11y-panel.open{display:block}
#a11y-panel h2{margin:0 0 12px;font:700 20px/1.2 Georgia,serif;color:#6d472e}
.a11y-group{margin:13px 0}
.a11y-group-title{display:block;font:700 13px/1.3 Arial,sans-serif;margin-bottom:7px}
.a11y-options{display:flex;gap:6px;flex-wrap:wrap}
.a11y-options button,.a11y-reset{border:1px solid #8f5d39;background:#fff;color:#49382e;padding:8px 10px;border-radius:9px;cursor:pointer;font:700 12px/1.2 Arial,sans-serif}
.a11y-options button.active{background:#8f5d39;color:#fff}
.a11y-reset{width:100%;margin-top:4px;background:#f5e5d9}
#a11y-brightness-overlay{position:fixed;inset:0;z-index:2147482990;pointer-events:none;background:#fff;opacity:0;transition:opacity .15s}
html.a11y-high-contrast body{filter:contrast(1.25)}
html.a11y-extra-contrast body{filter:contrast(1.5)}
html.a11y-high-contrast #a11y-widget,html.a11y-extra-contrast #a11y-widget{filter:none}
html.a11y-high-contrast body{--text:#17110d;--muted:#3c2c23}
html.a11y-extra-contrast body{--text:#000;--muted:#17110d}
@media(max-width:600px){
  #a11y-widget{right:14px;top:58px;bottom:auto}
  #a11y-toggle{padding:11px 13px;font-size:13px}
  #a11y-panel{max-height:75vh;overflow:auto}
}
@media(prefers-reduced-motion:reduce){
  #a11y-brightness-overlay{transition:none}
}

/* Accessible floating-control dock and smooth hide/unhide */
#a11y-widget.controls-hidden{opacity:0;pointer-events:none;transform:translateY(-8px)}
#yaazhai-controls-dock{position:fixed;right:20px;top:120px;left:auto;z-index:2147483001;display:flex;align-items:center;gap:7px;font:600 12px/1.2 Arial,sans-serif;}
#yaazhai-controls-dock button{border:1px solid #bc8c68;background:#fffaf6;color:#6d472e;border-radius:999px;padding:8px 11px;box-shadow:0 4px 14px rgba(73,56,46,.12);cursor:pointer;transition:opacity .22s ease,transform .22s ease;}
#yaazhai-controls-dock button:hover{transform:translateY(-1px);background:#f5e5d9}
#yaazhai-controls-dock .restore{display:none;background:rgba(143,93,57,.48);color:#fffaf6;border-color:rgba(143,93,57,.35);backdrop-filter:blur(6px);font-size:10px;padding:6px 9px;opacity:.72;}
#yaazhai-controls-dock.is-hidden{top:14px;bottom:auto;right:14px;left:auto}
#yaazhai-controls-dock.is-hidden .hide{display:none}
#yaazhai-controls-dock.is-hidden .restore{display:inline-flex}
html.a11y-high-contrast body{filter:contrast(1.35) !important}
html.a11y-extra-contrast body{filter:contrast(1.7) !important}
html.a11y-high-contrast body *{text-shadow:none}
@media(max-width:600px){#a11y-widget{right:12px;top:60px}#yaazhai-controls-dock{right:12px;top:112px;left:auto}#yaazhai-controls-dock.is-hidden{right:10px;top:10px;bottom:auto;left:auto}}

/* Keep the language and accessibility controls hidden together; reserve a separate top-left dock. */
body.yaazhai-controls-hidden .language-toggle,
body.yaazhai-controls-hidden #languageToggle,
body.yaazhai-controls-hidden #tamilToggle,
body.yaazhai-controls-hidden .lang-btn,
body.yaazhai-controls-hidden [data-language-toggle],
html.yaazhai-controls-hidden .language-toggle,
html.yaazhai-controls-hidden #languageToggle,
html.yaazhai-controls-hidden #tamilToggle,
html.yaazhai-controls-hidden .lang-btn,
html.yaazhai-controls-hidden [data-language-toggle]{opacity:0 !important;visibility:hidden !important;pointer-events:none !important;transition:opacity .28s ease,visibility .28s ease;}
#a11y-widget{transition:opacity .28s ease,transform .28s ease,visibility .28s ease;}
#yaazhai-controls-dock{max-width:calc(100vw - 28px);}
#yaazhai-controls-dock .hide{background:rgba(255,250,246,.94);}
@media(max-width:600px){#yaazhai-controls-dock{right:12px;left:auto;top:112px;}#yaazhai-controls-dock.is-hidden{right:10px;left:auto;top:10px;bottom:auto;}}

/* The Hide controls pill must not overlap the accessibility panel. */
#yaazhai-controls-dock.panel-open{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-6px);}
