/* ===================================================================== ERİŞİLEBİLİRLİK WİDGET'I — görme/işitme engelliler için araç çubuğu Sağ alt köşede sabit buton + açılır panel. Sınıflar üzerine eklenir/çıkarılır ve tercih localStorage'da saklanır. ===================================================================== */ .ea-dugme { position: fixed; right: 1.1rem; bottom: 1.1rem; z-index: 200; width: 56px; height: 56px; border-radius: 50%; border: none; cursor: pointer; background: var(--lacivert-900, #14324F); color: #fff; font-size: 1.5rem; display: flex; align-items: center; justify-content: center; box-shadow: 0 8px 24px rgba(0,0,0,.28); } .ea-dugme:hover { background: var(--lacivert-500, #1E4D75); } .ea-panel { position: fixed; right: 1.1rem; bottom: 5.2rem; z-index: 200; width: min(360px, calc(100vw - 2.2rem)); max-height: min(560px, calc(100vh - 8rem)); overflow-y: auto; background: #fff; border-radius: 12px; box-shadow: 0 20px 50px rgba(0,0,0,.3); display: none; padding: 1rem; } .ea-panel.acik { display: block; } .ea-panel__baslik { display: flex; justify-content: space-between; align-items: center; margin-bottom: .8rem; } .ea-panel__baslik h2 { font-size: 1rem; margin: 0; } .ea-panel__kapat { border: none; background: none; font-size: 1.2rem; cursor: pointer; padding: .2rem .5rem; } .ea-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: .6rem; } .ea-ogedik { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .35rem; padding: .7rem .3rem; border-radius: 10px; border: 1px solid #E4E1D8; background: #fff; cursor: pointer; font-size: .72rem; text-align: center; color: #23262B; line-height: 1.15; } .ea-ogedik:hover { background: #F6F4EF; } .ea-ogedik.aktif { background: var(--lacivert-900, #14324F); color: #fff; border-color: var(--lacivert-900, #14324F); } .ea-ogedik__ikon { font-size: 1.15rem; } .ea-panel__sifirla { margin-top: .9rem; width: 100%; padding: .6rem; border-radius: 8px; border: 1px solid #E4E1D8; background: #F6F4EF; cursor: pointer; font-size: .85rem; } /* ---- Uygulanan efektler (html üzerine eklenen sınıflar) ---- */ html.ea-animasyon-durdur * { animation: none !important; transition: none !important; scroll-behavior: auto !important; } html.ea-kontrast-arti { filter: contrast(1.35); } html.ea-akilli-kontrast body { background: #000 !important; color: #fff !important; } html.ea-akilli-kontrast body a { color: #ffd479 !important; } html.ea-akilli-kontrast body .site-header, html.ea-akilli-kontrast body .site-footer, html.ea-akilli-kontrast body .duyuru-kart, html.ea-akilli-kontrast body .admin-kart { background: #111 !important; color: #fff !important; } html.ea-baglanti-vurgula a { outline: 2px solid #ffb703 !important; text-decoration: underline !important; font-weight: 700 !important; background: rgba(255,183,3,.12); } html.ea-buyuk-metin { font-size: 120%; } html.ea-metin-bosluk body { letter-spacing: .06em !important; word-spacing: .15em !important; } html.ea-resim-gizle img, html.ea-resim-gizle svg:not(.ea-ikon-koru) { visibility: hidden !important; } html.ea-disleksi-dostu body, html.ea-disleksi-dostu * { font-family: Verdana, Tahoma, "Comic Sans MS", sans-serif !important; letter-spacing: .03em !important; } html.ea-buyuk-imlec, html.ea-buyuk-imlec * { cursor: url('data:image/svg+xml;utf8,') 4 4, auto !important; } html.ea-satir-yuksek body { line-height: 2 !important; } html.ea-metin-sola body, html.ea-metin-sola p, html.ea-metin-sola li { text-align: left !important; } html.ea-doygunluk-dusuk { filter: saturate(.4); } .ea-yapi-panel { position: fixed; left: 1rem; top: 5rem; z-index: 199; background: #fff; border-radius: 10px; box-shadow: 0 12px 32px rgba(0,0,0,.22); padding: .9rem 1rem; max-width: 280px; max-height: 70vh; overflow-y: auto; } .ea-yapi-panel h3 { font-size: .85rem; margin: 0 0 .5rem; } .ea-yapi-panel ol { margin: 0; padding-left: 1.1rem; font-size: .82rem; } .ea-yapi-panel li { margin-bottom: .35rem; } .ea-ipucu-kutu { position: fixed; left: 1rem; bottom: 1.1rem; z-index: 199; background: #14324F; color: #fff; padding: .9rem 1.1rem; border-radius: 10px; max-width: 300px; font-size: .82rem; box-shadow: 0 12px 32px rgba(0,0,0,.25); } .ea-ipucu-kutu strong { display: block; margin-bottom: .3rem; } @media (max-width: 480px) { .ea-grid { grid-template-columns: repeat(2, 1fr); } }