/* =========================================================
   Erişilebilirlik Aracı — Sabancı Üniv. yapısı örnek alınarak
   HKÜ BT tarafından sıfırdan yazılmıştır (GPL).
   Tetik (sol alt yuvarlak) → soldan kayan panel → kart ızgaraları.
   ========================================================= */

/* ---- Tetik düğmesi: sol altta beyaz daire ---- */
.hku-a11y-trigger{position:fixed;left:18px;bottom:18px;z-index:996;width:56px;height:56px;border-radius:50%;border:1px solid var(--border);background:#fff;color:var(--bordo-700);display:grid;place-items:center;box-shadow:var(--shadow-md);cursor:pointer;transition:.18s}
.hku-a11y-trigger:hover{transform:scale(1.07);box-shadow:var(--shadow-lg)}
.hku-a11y-trigger svg{width:30px;height:30px}

/* ---- Overlay + soldan kayan panel ---- */
.hku-a11y-overlay{position:fixed;inset:0;z-index:997;background:rgba(20,8,12,.45);opacity:0;visibility:hidden;transition:.2s}
.hku-a11y-overlay.open{opacity:1;visibility:visible}
.hku-a11y-sidebar{position:fixed;top:0;left:0;height:100%;width:min(380px,94vw);z-index:998;background:#fff;box-shadow:var(--shadow-lg);transform:translateX(-102%);transition:.28s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}
.hku-a11y-sidebar.open{transform:none}

.hku-a11y-header{background:var(--bordo-900);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:16px 20px}
.hku-a11y-header h2{color:#fff;font-size:1.05rem;font-weight:700;margin:0}
.hku-a11y-close{background:transparent;border:0;color:#fff;display:grid;place-items:center;padding:4px;cursor:pointer}
.hku-a11y-close svg{width:22px;height:22px}

.hku-a11y-body{flex:1;overflow-y:auto;padding:18px 20px}
.hku-a11y-section{font-size:.95rem;font-weight:700;color:var(--ink);margin:18px 0 10px}
.hku-a11y-section:first-child{margin-top:0}

/* ---- Kartlar ---- */
.hku-a11y-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.hku-a11y-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}
.hku-a11y-card{border:1px solid var(--border-strong);border-radius:10px;background:#fff;padding:14px 10px;text-align:center;font:inherit;cursor:pointer;color:var(--ink-soft);transition:.15s;display:flex;flex-direction:column;align-items:center;gap:8px}
.hku-a11y-card svg{width:26px;height:26px}
.hku-a11y-card span{font-size:.8rem;font-weight:600;line-height:1.25}
.hku-a11y-card:hover{border-color:var(--bordo-700);color:var(--bordo-700)}
.hku-a11y-card[aria-pressed="true"]{background:var(--bordo-700);border-color:var(--bordo-700);color:#fff}

/* İmleç + font kartları (geniş kart) */
.hku-a11y-wide{border:1px solid var(--border-strong);border-radius:10px;padding:14px;margin-bottom:12px}
.hku-a11y-wide h3{font-size:.95rem;margin:0 0 2px;display:flex;align-items:center;gap:8px}
.hku-a11y-wide h3 svg{width:20px;height:20px}
.hku-a11y-wide p{font-size:.8rem;color:var(--muted);margin:0 0 10px}
.hku-a11y-wide .hku-a11y-grid-2 button{border:1px solid var(--border-strong);border-radius:8px;background:#fff;padding:.55em;font:inherit;font-size:.85rem;font-weight:600;cursor:pointer;transition:.15s}
.hku-a11y-wide .hku-a11y-grid-2 button:hover{border-color:var(--bordo-700);color:var(--bordo-700)}
.hku-a11y-wide .hku-a11y-grid-2 button[aria-pressed="true"]{background:var(--bordo-700);border-color:var(--bordo-700);color:#fff}

/* Font slider */
.hku-a11y-fontrow{display:flex;align-items:center;gap:10px}
.hku-a11y-fontrow button{width:34px;height:34px;border-radius:50%;border:1px solid var(--border-strong);background:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;flex:none}
.hku-a11y-fontrow input[type="range"]{flex:1;accent-color:var(--bordo-700)}

.hku-a11y-footer{border-top:1px solid var(--border);padding:14px 20px;text-align:center}
.hku-a11y-footer button{background:transparent;border:0;font:inherit;font-weight:700;color:var(--ink);cursor:pointer}
.hku-a11y-footer button:hover{color:var(--bordo-700)}

/* =========================================================
   ÖZELLİK DURUMLARI (html sınıfları)
   ========================================================= */

/* Görselleri gizle */
html.hkua-hideimg img:not(.hku-a11y-keep),
html.hkua-hideimg figure,
html.hkua-hideimg video,
html.hkua-hideimg .ph,
html.hkua-hideimg .ph-logo{visibility:hidden !important}

/* Animasyon durdur */
html.hkua-noanim *,html.hkua-noanim *::before,html.hkua-noanim *::after{animation:none !important;transition:none !important;scroll-behavior:auto !important}

/* Kontrast (koyu tema — medya geri çevrilir) */
html.hkua-contrast{filter:invert(1) hue-rotate(180deg);background:#0d0d0d}
html.hkua-contrast img,html.hkua-contrast video,html.hkua-contrast iframe,html.hkua-contrast .hku-a11y-trigger{filter:invert(1) hue-rotate(180deg)}

/* Disleksi fontu */
@font-face{font-family:'OpenDyslexic';src:url('../fonts/OpenDyslexic-Regular.woff') format('woff');font-weight:400;font-display:swap}
html.hkua-dyslexic body,html.hkua-dyslexic body *:not(svg):not(path){font-family:'OpenDyslexic',Verdana,sans-serif !important;letter-spacing:.02em;word-spacing:.08em}

/* İmleç — büyük beyaz / siyah ok */
html.hkua-cursor-white,html.hkua-cursor-white *{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 24 24'><path d='M5 2l14 12-6 1 3.5 6-3 1.6L10 16l-5 4z' fill='white' stroke='black' stroke-width='1.4'/></svg>") 4 2, auto !important}
html.hkua-cursor-black,html.hkua-cursor-black *{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 24 24'><path d='M5 2l14 12-6 1 3.5 6-3 1.6L10 16l-5 4z' fill='black' stroke='white' stroke-width='1.4'/></svg>") 4 2, auto !important}

/* Okuma maskesi şeritleri */
.hku-a11y-mask{position:fixed;left:0;right:0;z-index:995;background:rgba(0,0,0,.55);pointer-events:none;display:none}
html.hkua-mask .hku-a11y-mask{display:block}

/* Metin büyüteci kutusu */
#hkuA11yLens{position:fixed;z-index:1000;max-width:min(680px,80vw);background:#161616;color:#fff;font-size:1.55rem;line-height:1.4;padding:12px 18px;border-radius:10px;box-shadow:var(--shadow-lg);pointer-events:none;display:none}
html.hkua-magnify #hkuA11yLens.show{display:block}

/* Görsel açıklaması rozetleri */
.hku-a11y-altbadge{display:block;background:#161616;color:#fff;font-size:.8rem;line-height:1.3;padding:6px 10px;border-radius:0 0 8px 8px}

/* Ekran okuyucu: okunabilir öğe vurgusu */
html.hkua-reader p:hover,html.hkua-reader h1:hover,html.hkua-reader h2:hover,html.hkua-reader h3:hover,html.hkua-reader li:hover,html.hkua-reader a:hover{outline:3px solid var(--gold-600);outline-offset:2px;cursor:pointer}

@media(max-width:520px){.hku-a11y-grid-3{grid-template-columns:1fr 1fr}}

/* ---- Mobil uyum düzeltmeleri ---- */
@media(max-width:600px){
  .hku-a11y-trigger{width:48px;height:48px;left:12px;bottom:12px}
  .hku-a11y-trigger svg{width:25px;height:25px}
}