/* a11y — erişilebilirlik & UX cilası (A20): atlama bağlantısı, çevrimdışı / yeni sürüm bantları, çekip yenile, kontrast düzeltmeleri */

/* İçeriğe atla */
.skip-link{position:fixed;left:12px;top:-80px;z-index:200;background:var(--ink);color:var(--bg);padding:12px 18px;border-radius:12px;font-weight:800;font-size:.9375rem;text-decoration:none;transition:top .12s}
.skip-link:focus,.skip-link:focus-visible{top:calc(10px + env(safe-area-inset-top))}

/* Durum bantları (çevrimdışı, yeni sürüm) — üstte sabit, #app genişliğinde */
#a11y-status{position:fixed;left:50%;transform:translateX(-50%);top:0;width:100%;max-width:480px;z-index:90;display:flex;flex-direction:column;pointer-events:none}
.a11y-band{pointer-events:auto;display:flex;align-items:center;gap:10px;padding:calc(8px + env(safe-area-inset-top)) 12px 8px 14px;font-size:.8125rem;font-weight:800;line-height:1.35;box-shadow:0 4px 14px rgba(0,0,0,.12)}
.a11y-band+.a11y-band{padding-top:8px}
.a11y-band .tx{flex:1;min-width:0}
.a11y-band button{min-height:36px;padding:0 12px;border-radius:10px;font-weight:800;font-size:.8125rem;position:relative;flex-shrink:0}
.a11y-band button::after{content:'';position:absolute;left:50%;top:50%;width:max(100%,44px);height:max(100%,44px);transform:translate(-50%,-50%)}
.a11y-band.off{background:#2B2F36;color:#fff}
.a11y-band.off button{background:#fff;color:#16181D}
.a11y-band.upd{background:var(--sea);color:#fff}
.a11y-band.upd button{background:#fff;color:var(--sea)}
[data-theme="dark"] .a11y-band.off{background:#3A3F48}
body.has-band .topbar{top:var(--band-h,0px)}

/* Çekip yenile göstergesi */
#a11y-ptr{position:fixed;left:50%;top:0;z-index:25;width:40px;height:40px;margin-left:-20px;border-radius:20px;background:var(--card);color:var(--brand-d);box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center;transform:translateY(-60px);opacity:0;pointer-events:none;transition:opacity .15s}
#a11y-ptr.ready{color:var(--sea)}
#a11y-ptr.spin svg{animation:a11y-spin .8s linear infinite}
@keyframes a11y-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){#a11y-ptr.spin svg{animation:none}}

/* Toast canlı bölgesi: kapsayıcı yer kaplamaz, .toast kendi konumunda */
#toast-region{position:fixed;left:0;top:0;width:0;height:0;overflow:visible;z-index:80}

/* Kontrast (WCAG AA): marka turuncusu (#FB750E) üzerinde beyaz metin 2.7:1 → koyu metin (7:1).
   Ekran dosyalarındaki stiller başa eklendiği için #app öneki ile özgüllük artırıldı. */
#app .hm-promo.swap,#app .hm-hero.swap,#app .pf-hero{color:#16181D}
#app .hm-promo.swap .ic,#app .hm-hero.swap .ic{background:rgba(22,24,29,.12)}
#app .pf-undo{color:var(--brand-dd)}