/* ATAUZEM erişilebilirlik paneli */
#a11y-root{font-family:"Ubuntu",Arial,sans-serif;font-size:15px;line-height:1.4;color:#25223f}
#a11y-root *{box-sizing:border-box}

/* Sol kenarda dikey ortada sabit sekme */
.a11y-tab{position:fixed;left:0;top:46%;transform:translateY(-50%);z-index:2147483647;display:flex;align-items:center;gap:0;height:52px;padding:0 14px 0 12px;border:0;border-radius:0 14px 14px 0;background:#2c285a;color:#fff;cursor:pointer;box-shadow:0 6px 18px rgba(44,40,90,.35);overflow:hidden;max-width:50px;transition:max-width .3s ease,background .2s}
.a11y-tab svg{flex:0 0 26px;width:26px;height:26px;fill:#fff}
.a11y-tab span{white-space:nowrap;font-size:14px;font-weight:600;margin-left:10px;opacity:0;transition:opacity .2s}
.a11y-tab:hover,.a11y-tab:focus-visible{max-width:190px;background:#2c285a}
.a11y-tab:hover span,.a11y-tab:focus-visible span{opacity:1}
.a11y-tab:focus-visible{outline:3px solid #e1b77e;outline-offset:2px}

.a11y-backdrop{position:fixed;inset:0;z-index:2147483647;background:rgba(22,19,52,.45);opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}
.a11y-panel{position:fixed;left:0;top:0;bottom:0;z-index:2147483647;width:360px;max-width:100%;background:#fff;box-shadow:8px 0 30px rgba(44,40,90,.3);transform:translateX(-102%);transition:transform .3s ease;display:flex;flex-direction:column;visibility:hidden}
#a11y-root.open .a11y-backdrop{opacity:1;visibility:visible}
#a11y-root.open .a11y-panel{transform:none;visibility:visible}

.a11y-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 20px;background:linear-gradient(135deg,#2c285a,#2c285a);color:#fff}
.a11y-head h2{margin:0;font-size:18px;font-weight:700;color:#fff;display:flex;align-items:center;gap:10px}
.a11y-head h2 svg{width:24px;height:24px;fill:#fff}
.a11y-close{width:36px;height:36px;border-radius:50%;border:1.5px solid rgba(255,255,255,.5);background:transparent;color:#fff;font-size:20px;line-height:1;cursor:pointer;padding:0}
.a11y-close:hover{background:#fff;color:#2c285a}
.a11y-body{flex:1;overflow-y:auto;padding:18px 18px 8px}
.a11y-sec{font-size:12px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:#6f6b9a;margin:0 0 10px}
.a11y-size{display:flex;align-items:center;gap:10px;background:#f4f2fa;border-radius:12px;padding:10px 12px;margin-bottom:18px}
.a11y-size b{flex:1;font-size:14px;color:#2c285a}
.a11y-size button{width:40px;height:40px;border-radius:10px;border:1.5px solid #d6d2e8;background:#fff;color:#2c285a;font-size:16px;font-weight:700;cursor:pointer}
.a11y-size button:hover{background:#2c285a;color:#fff;border-color:#2c285a}
.a11y-size output{min-width:46px;text-align:center;font-weight:700;color:#2c285a}
.a11y-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
.a11y-opt{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-height:84px;padding:12px;border:1.5px solid #e2dfef;border-radius:12px;background:#fff;color:#25223f;font-size:13.5px;font-weight:600;line-height:1.3;text-align:left;cursor:pointer;transition:border-color .15s,background .15s}
.a11y-opt:hover{border-color:#a09dc2}
.a11y-opt i{font-style:normal;width:32px;height:32px;border-radius:9px;background:#f0eef8;color:#2c285a;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800}
.a11y-opt[aria-pressed="true"]{background:#2c285a;border-color:#2c285a;color:#fff}
.a11y-opt[aria-pressed="true"] i{background:rgba(255,255,255,.2);color:#fff}
.a11y-opt[aria-pressed="true"]:after{content:"\2713";position:absolute;right:10px;top:8px;font-size:13px;color:#9fe3b9}
.a11y-opt:focus-visible,.a11y-size button:focus-visible,.a11y-close:focus-visible,.a11y-reset:focus-visible{outline:3px solid #e1b77e;outline-offset:2px}
.a11y-foot{padding:14px 18px 18px;border-top:1px solid #ebe8f4;background:#fbfafd}
.a11y-reset{width:100%;height:44px;border-radius:12px;border:1.5px solid #2c285a;background:#fff;color:#2c285a;font-size:14.5px;font-weight:700;cursor:pointer}
.a11y-reset:hover{background:#2c285a;color:#fff}
.a11y-note{margin:10px 0 0;font-size:12px;color:#8b88a2;text-align:center}

/* Okuma kılavuzu */
.a11y-guide{position:fixed;left:0;right:0;height:46px;z-index:2147483646;pointer-events:none;display:none;background:rgba(255,235,59,.16);border-top:2px solid rgba(44,40,90,.55);border-bottom:2px solid rgba(44,40,90,.55)}
html.a11y-guide-on .a11y-guide{display:block}

/* ---- Etkiler (panel hariç tüm sayfa) ---- */
html.a11y-fs1 body>:not(#a11y-root){zoom:1.1}
html.a11y-fs2 body>:not(#a11y-root){zoom:1.2}
html.a11y-fs3 body>:not(#a11y-root){zoom:1.35}
html.a11y-fs4 body>:not(#a11y-root){zoom:1.5}
html.a11y-gray{filter:grayscale(1)}
html.a11y-sat{filter:saturate(1.8)}
html.a11y-contrast body>:not(#a11y-root),html.a11y-contrast body>:not(#a11y-root) *{background:#000 !important;background-image:none !important;color:#fff !important;border-color:#fff !important;box-shadow:none !important;text-shadow:none !important}
html.a11y-contrast body>:not(#a11y-root) a,html.a11y-contrast body>:not(#a11y-root) a *{color:#ffeb3b !important}
html.a11y-contrast body>:not(#a11y-root) button,html.a11y-contrast body>:not(#a11y-root) input{border:2px solid #fff !important}
html.a11y-light body>:not(#a11y-root),html.a11y-light body>:not(#a11y-root) *{background:#fff !important;background-image:none !important;color:#000 !important;border-color:#000 !important;box-shadow:none !important;text-shadow:none !important}
html.a11y-light body>:not(#a11y-root) a,html.a11y-light body>:not(#a11y-root) a *{color:#0000cc !important;text-decoration:underline !important}
html.a11y-links body>:not(#a11y-root) a{text-decoration:underline !important;outline:1px dashed currentColor;outline-offset:2px;font-weight:700 !important}
html.a11y-font body>:not(#a11y-root),html.a11y-font body>:not(#a11y-root) *:not(i):not([class*="ti-"]):not([class*="fa-"]):not(.fa):not(.fas):not(.far):not(.fab){font-family:Arial,Verdana,Tahoma,sans-serif !important}
html.a11y-lh body>:not(#a11y-root),html.a11y-lh body>:not(#a11y-root) *{line-height:1.9 !important}
html.a11y-ls body>:not(#a11y-root),html.a11y-ls body>:not(#a11y-root) *{letter-spacing:.06em !important;word-spacing:.12em !important}
html.a11y-left body>:not(#a11y-root),html.a11y-left body>:not(#a11y-root) p,html.a11y-left body>:not(#a11y-root) li{text-align:left !important}
html.a11y-noanim body>:not(#a11y-root),html.a11y-noanim body>:not(#a11y-root) *,html.a11y-noanim body>:not(#a11y-root) *:before,html.a11y-noanim body>:not(#a11y-root) *:after{animation:none !important;transition:none !important;scroll-behavior:auto !important}
html.a11y-noimg body>:not(#a11y-root) img,html.a11y-noimg body>:not(#a11y-root) video,html.a11y-noimg body>:not(#a11y-root) iframe{visibility:hidden !important}
html.a11y-cursor,html.a11y-cursor body>:not(#a11y-root),html.a11y-cursor body>:not(#a11y-root) *{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 24 24'><path d='M4 2l16 9-7 2 4 8-3 1-4-8-6 5z' fill='black' stroke='white' stroke-width='1.5'/></svg>") 4 2,auto !important}
html.a11y-focus *:focus{outline:4px solid #ff9800 !important;outline-offset:3px !important}

@media(max-width:576px){
  .a11y-tab{top:auto;bottom:90px;transform:none;height:46px;max-width:46px}
  .a11y-tab:hover{max-width:46px}
  .a11y-tab:hover span{opacity:0}
  .a11y-panel{width:100%}
}
@media print{#a11y-root,.a11y-guide{display:none !important}}