:root {
  --primary: #2563eb;
  --primary-hover: #1d4ed8;
  --bg-panel: rgba(255, 255, 255, .92);
  --acc-turquoise: #273c66;

  --acc-shadow: 0 10px 40px rgba(2, 32, 71, .18);
}

/* =========================================================
   GLOBAL MODES
   ========================================================= */
/* =========================================================
   ACCESSIBILITY PANEL DARK MODE - FIX / OVERRIDE
   En alta ekleyin
   ========================================================= */

/* Panel genel */
body.dark-mode #accessibility-panel {
    background: #181818 !important;
    color: #f5f5f5 !important;
}

    /* Header */
    body.dark-mode #accessibility-panel .acc-panel-header {
        background: #0b1b2b !important;
      
    }

    body.dark-mode #accessibility-panel .acc-header {
        color: #f97316 !important;
    }

    /* Bölüm başlıkları */
    body.dark-mode #accessibility-panel .acc-section {
        color: #ffffff !important;
        border-bottom: 1px solid #333 !important;
    }

    /* Tüm butonları koyulaştır */
    body.dark-mode #accessibility-panel .acc-btn {
        background: #242424 !important;
        color: #ffffff !important;
        border: 1px solid #3a3a3a !important;
        box-shadow: none !important;
    }

        /* Buton içindeki tüm metinler */
        body.dark-mode #accessibility-panel .acc-btn *,
        body.dark-mode #accessibility-panel .acc-btn-text {
            color: #ffffff !important;
        }

        /* Buton hover */
        body.dark-mode #accessibility-panel .acc-btn:hover {
            background: #2f3f52 !important;
            border-color: #5aa9ff !important;
        }

    /* Aktif buton */
    body.dark-mode #accessibility-panel .acc-btn-active {
        background: #26436b !important;
        color: #ffffff !important;
        border-color: #6bb6ff !important;
    }

        /* Aktif buton iç metin */
        body.dark-mode #accessibility-panel .acc-btn-active *,
        body.dark-mode #accessibility-panel .acc-btn-active .acc-btn-text {
            color: #ffffff !important;
        }

    /* İkon kutuları */
    body.dark-mode #accessibility-panel .acc-ico {
        background: #303030 !important;
        color: #ffffff !important;
    }

    /* İkon svg */
    body.dark-mode #accessibility-panel svg {
        stroke: currentColor !important;
    }

    /* Dil butonları */
    body.dark-mode #accessibility-panel .lang-btn {
        background: #eeeeee !important;
        color: #1f3558 !important;
        border: 1px solid transparent !important;
    }

        body.dark-mode #accessibility-panel .lang-btn.acc-btn-active {
            background: #243f68 !important;
            color: #ffffff !important;
        }

    /* Kapat butonu */
    body.dark-mode #accessibility-panel .acc-close {
        background: #ffffff !important;
        color: #1f3558 !important;
        border: 1px solid #e5e7eb !important;
    }

    /* Slider kartları */
    body.dark-mode #accessibility-panel .acc-slider {
        background: #242424 !important;
        color: #ffffff !important;
        border: 1px solid #3a3a3a !important;
    }

        /* Slider başlık ve değerler */
        body.dark-mode #accessibility-panel .acc-slider span,
        body.dark-mode #accessibility-panel .acc-slider-head span,
        body.dark-mode #accessibility-panel .acc-val {
            color: #ffffff !important;
        }

    /* Slider değer balonları */
    body.dark-mode #accessibility-panel .acc-val {
        background: #243f68 !important;
        color: #ffffff !important;
    }

    /* Range input */
    body.dark-mode #accessibility-panel input[type="range"] {
        accent-color: #5aa9ff;
    }


    /* Sıfırla butonu */
    body.dark-mode #accessibility-panel .acc-reset {
        background: #a86432 !important;
        color: #ffffff !important;
        border: none !important;
    }

        body.dark-mode #accessibility-panel .acc-reset:hover {
            background: #c0763d !important;
        }

        /* Sıfırla metni */
        body.dark-mode #accessibility-panel .acc-reset,
        body.dark-mode #accessibility-panel .acc-reset * {
            color: #ffffff !important;
        }

body.dark-mode #acc-summary-panel {
    background: #1f1f1f !important;
    color: #f5f5f5 !important;
    border: 1px solid #3a3a3a !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, .45) !important;
}

    /* Başlıklar */
    body.dark-mode #acc-summary-panel h1,
    body.dark-mode #acc-summary-panel h2,
    body.dark-mode #acc-summary-panel h3,
    body.dark-mode #acc-summary-panel h4,
    body.dark-mode #acc-summary-panel h5,
    body.dark-mode #acc-summary-panel h6 {
        color: #ffffff !important;
    }

    /* Metinler */
    body.dark-mode #acc-summary-panel p,
    body.dark-mode #acc-summary-panel span,
    body.dark-mode #acc-summary-panel div,
    body.dark-mode #acc-summary-panel li,
    body.dark-mode #acc-summary-panel small {
        color: #d6d6d6 !important;
    }

    /* Linkler */
    body.dark-mode #acc-summary-panel a {
        color: #8fd0ff !important;
    }

        body.dark-mode #acc-summary-panel a:hover {
            color: #ffffff !important;
        }

    /* Liste öğeleri */
    body.dark-mode #acc-summary-panel ul,
    body.dark-mode #acc-summary-panel ol {
        color: #d6d6d6 !important;
    }

    /* Kart / içerik kutuları */
    body.dark-mode #acc-summary-panel .card,
    body.dark-mode #acc-summary-panel .summary-item,
    body.dark-mode #acc-summary-panel .summary-box {
        background: #242424 !important;
        border: 1px solid #333 !important;
        color: #f5f5f5 !important;
    }

    /* Scrollbar */
    body.dark-mode #acc-summary-panel::-webkit-scrollbar {
        width: 8px;
    }

    body.dark-mode #acc-summary-panel::-webkit-scrollbar-track {
        background: #1a1a1a;
    }

    body.dark-mode #acc-summary-panel::-webkit-scrollbar-thumb {
        background: #555;
        border-radius: 10px;
    }

    body.dark-mode #acc-summary-panel::-webkit-scrollbar-thumb:hover {
            background: #777;
    }

    

/* Firefox scrollbar */
body.dark-mode #acc-summary-panel {
    scrollbar-color: #555 #1a1a1a;
    scrollbar-width: thin;
}

/* Disleksi Dostu Font */
.dyslexic-font {
    /*font-family: 'Lexend', sans-serif !important;*/
    font-family: "Rubik", sans-serif;
    /*font-family: 'OpenDyslexic', sans-serif;*/
}


/*CONTENT DARK MODE*/
/* =========================================================
   SUB PAGE DARK MODE
   body.sub-page.dark-mode
   ========================================================= */

/* GENEL */
body.sub-page.dark-mode {
    background-color: #121212 !important;
    color: #e6e6e6 !important;
}

    /* ANA İÇERİK */
    body.sub-page.dark-mode .main-content,
    body.sub-page.dark-mode .gray-bg {
        background-color: #121212 !important;
    }

    /* ARTICLE */
    body.sub-page.dark-mode article.white-bg,
    body.sub-page.dark-mode .white-bg {
        background-color: #1e1e1e !important;
        color: #e6e6e6 !important;
        border: 1px solid #333 !important;
        box-shadow: 0 8px 30px rgba(0,0,0,.35) !important;
        border-radius: 10px;
    }

    /* SAYFA BAŞLIĞI */
    body.sub-page.dark-mode .page-title {
        color: #ffffff !important;
        border-bottom: 1px solid #333 !important;
        padding-bottom: 14px;
    }

    /* MAKALE METNİ */
    body.sub-page.dark-mode .article-text,
    body.sub-page.dark-mode .article-text p,
    body.sub-page.dark-mode .article-text div,
    body.sub-page.dark-mode .article-text span,
    body.sub-page.dark-mode .article-text li {
        color: #d8d8d8 !important;
    }

        /* SMALL TEXT */
        body.sub-page.dark-mode .article-text small {
            color: #bcbcbc !important;
        }

        /* LINKLER */
        body.sub-page.dark-mode .article-text a,
        body.sub-page.dark-mode article a {
            color: #8fd0ff !important;
            text-decoration: none;
        }

            body.sub-page.dark-mode .article-text a:hover,
            body.sub-page.dark-mode article a:hover {
                color: #ffffff !important;
                text-decoration: underline;
            }

        /* RESİMLER */
        body.sub-page.dark-mode .article-text img,
        body.sub-page.dark-mode article img {
            border-radius: 8px;
            opacity: .96;
        }

    /* HEADER */
    body.sub-page.dark-mode .full-header,
    body.sub-page.dark-mode .header-wrapper {
        background-color: #0b1b2b !important;
    }

    /* TOPBAR */
    body.sub-page.dark-mode .topbar {
        background-color: #071827 !important;
        border-bottom: 1px solid #24384a;
    }

        body.sub-page.dark-mode .topbar a,
        body.sub-page.dark-mode .topbar-right a,
        body.sub-page.dark-mode .header-social a {
            color: #f1f1f1 !important;
        }

            body.sub-page.dark-mode .topbar a:hover,
            body.sub-page.dark-mode .header-social a:hover {
                color: #8fd0ff !important;
            }

    /* SEARCH */
    body.sub-page.dark-mode #search-bar {
        background-color: #111827 !important;
        border-bottom: 1px solid #2b4052;
    }

    body.sub-page.dark-mode #txt_search {
        background-color: #1e1e1e !important;
        color: #ffffff !important;
        border: 1px solid #444 !important;
    }

        body.sub-page.dark-mode #txt_search::placeholder {
            color: #aaa !important;
        }

    /* MENU */
    body.sub-page.dark-mode .menu,
    body.sub-page.dark-mode .navbar,
    body.sub-page.dark-mode .main-nav {
        background-color: #0b1b2b !important;
    }

    body.sub-page.dark-mode .navbar-light .navbar-nav .nav-link,
    body.sub-page.dark-mode .navmain .nav-link {
        color: #ffffff !important;
    }

        body.sub-page.dark-mode .navbar-light .navbar-nav .nav-link:hover,
        body.sub-page.dark-mode .navmain .nav-link:hover {
            color: #8fd0ff !important;
        }

    /* DROPDOWN */
    body.sub-page.dark-mode .dropdown-menu {
        background-color: #151f2a !important;
        border: 1px solid #2b4052 !important;
    }

    body.sub-page.dark-mode .mega-content {
        background-color: #151f2a !important;
    }

    body.sub-page.dark-mode .dropdown-menu h5 {
        color: #ffffff !important;
    }

    body.sub-page.dark-mode .menu-list-group-item {
        color: #dce8f2 !important;
        background-color: transparent !important;
        border-color: #2c3e50 !important;
    }

        body.sub-page.dark-mode .menu-list-group-item:hover {
            background-color: #223244 !important;
            color: #ffffff !important;
        }

    /* MOBİL MENU */
    body.sub-page.dark-mode .mobilemenu,
    body.sub-page.dark-mode .mmenu,
    body.sub-page.dark-mode .mm-spn {
        background-color: #0b1b2b !important;
        color: #ffffff !important;
    }

        body.sub-page.dark-mode .mm-spn a,
        body.sub-page.dark-mode .mm-spn span {
            color: #ffffff !important;
        }

        body.sub-page.dark-mode .mm-spn ul,
        body.sub-page.dark-mode .mm-spn li {
            background-color: #0b1b2b !important;
            border-color: #24384a !important;
        }

    /* FOOTER */
    body.sub-page.dark-mode .footer-wrapper,
    body.sub-page.dark-mode footer {
        background-color: #0b1b2b !important;
        color: #d6d6d6 !important;
    }

    body.sub-page.dark-mode .footer-widget-title {
        color: #ffffff !important;
    }

    body.sub-page.dark-mode .site-map a,
    body.sub-page.dark-mode footer a {
        color: #8fd0ff !important;
    }

        body.sub-page.dark-mode .site-map a:hover,
        body.sub-page.dark-mode footer a:hover {
            color: #ffffff !important;
        }

    body.sub-page.dark-mode .footer-bottom {
        background-color: #071827 !important;
        border-top: 1px solid #24384a;
    }

    body.sub-page.dark-mode .copyright p {
        color: #b8b8b8 !important;
    }

    /* SCROLL UP */
    body.sub-page.dark-mode #scrollUp {
        background-color: #243f68 !important;
        color: #ffffff !important;
        border: 1px solid #4b6a97 !important;
    }

        body.sub-page.dark-mode #scrollUp:hover {
            background-color: #365884 !important;
        }

    /* FORM */
    body.sub-page.dark-mode input,
    body.sub-page.dark-mode textarea,
    body.sub-page.dark-mode select {
        background-color: #1f1f1f !important;
        color: #ffffff !important;
        border-color: #444 !important;
    }

    /* TABLOLAR */
    body.sub-page.dark-mode table {
        background-color: #1e1e1e !important;
        color: #ffffff !important;
    }

    body.sub-page.dark-mode th,
    body.sub-page.dark-mode td {
        border-color: #333 !important;
        color: #e6e6e6 !important;
    }

    /* BOOTSTRAP */
    body.sub-page.dark-mode .bg-white,
    body.sub-page.dark-mode .bg-light {
        background-color: #1e1e1e !important;
    }

    body.sub-page.dark-mode .text-dark {
        color: #ffffff !important;
    }

    body.sub-page.dark-mode .text-muted {
        color: #aaaaaa !important;
    }

    /* FOCUS */
    body.sub-page.dark-mode a:focus,
    body.sub-page.dark-mode button:focus,
    body.sub-page.dark-mode input:focus {
        outline: 2px solid #8fd0ff !important;
        outline-offset: 2px;
    }

    /* SELECTION */
    body.sub-page.dark-mode ::selection {
        background-color: #8fd0ff;
        color: #000;
    }

/* SCROLLBAR */
body.sub-page.dark-mode {
    scrollbar-color: #555 #1a1a1a;
    scrollbar-width: thin;
}

    body.sub-page.dark-mode ::-webkit-scrollbar {
        width: 10px;
    }

    body.sub-page.dark-mode ::-webkit-scrollbar-track {
        background: #1a1a1a;
    }

    body.sub-page.dark-mode ::-webkit-scrollbar-thumb {
        background: #555;
        border-radius: 10px;
    }

        body.sub-page.dark-mode ::-webkit-scrollbar-thumb:hover {
            background: #777;
        }


.dyslexic-font2 {
    
    font-family: 'OpenDyslexic', sans-serif;
}

/* Yüksek Kontrast */
.high-contrast {
  background-color: #000 !important;
  color: #fff !important;
}

.high-contrast *:not(.acc-fixed):not(#acc-toggle):not(#accessibility-panel) {
  background-color: #000 !important;
  color: #ffff00 !important;
  border-color: #ffff00 !important;
}




/* Gri Tonlama */
.grayscale-mode {
  filter: grayscale(100%) !important;
}

/* Bağlantıları Vurgula */
.highlight-links a:not(.acc-btn) {
  outline: 3px solid #facc15 !important;
  background-color: #000 !important;
  color: #facc15 !important;
  font-weight: bold !important;
  text-decoration: underline !important;
  padding: 2px 4px !important;
}

/* Büyük İmleç */
.big-cursor {
  cursor: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 24 24' fill='black' stroke='white' stroke-width='1'><path d='M3 3l7.07 16.97 2.51-7.39 7.39-2.51L3 3z'/></svg>"), auto !important;
}

.big-cursor a,
.big-cursor button {
  cursor: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 24 24' fill='black' stroke='white' stroke-width='1'><path d='M3 3l7.07 16.97 2.51-7.39 7.39-2.51L3 3z'/></svg>"), pointer !important;
}

/* Animasyonları Durdur */
.stop-animations * {
  animation: none !important;
  transition: none !important;
}

/* Odak Vurgusu */
.enhanced-focus *:focus {
  outline: 4px solid #facc15 !important;
  outline-offset: 2px !important;
  box-shadow: 0 0 0 6px rgba(0, 0, 0, .8) !important;
}

/* =========================================================
   READING HELPERS
   ========================================================= */
#reading-guide {
  position: fixed;
  left: 0;
  width: 100%;
  height: 4px;
  background: #ff0000;
  z-index: 9999;
  pointer-events: none;
  display: none;
  box-shadow: 0 0 10px rgba(255, 0, 0, .5);
}

#reading-mask {
  position: fixed;
  inset: 0;
  z-index: 9998;
  pointer-events: none;
  display: none;
  background: rgba(0, 0, 0, .7);
  clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% 0%, 0% 0%, 0% 45%, 100% 45%, 100% 55%, 0% 55%, 0% 45%);
}

/* =========================================================
   ACCESSIBILITY PANEL (LEFT SLIDE)
   ========================================================= */
#accessibility-panel {
  position: fixed !important;
  top: 16px !important;
  left: 16px !important;
  bottom: 16px !important;
  width: 400px !important;
  max-width: calc(100vw - 16px) !important;

  background: var(--bg-panel) !important;
  border-left: 1px solid rgba(255, 255, 255, .35) !important;
  border-radius: 12px 0 0 12px !important;
  box-shadow: var(--acc-shadow) !important;

  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;

  transform: translateX(-120%) !important;
  transition: transform .35s ease !important;
  z-index: 100000 !important;
}

#accessibility-panel.open {
  transform: translateX(0) !important;
}

@media (max-width:480px) {
  #accessibility-panel {
    width: 320px !important;
  }
}

/* Header fixed */
#accessibility-panel .acc-panel-header {
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 14px !important;
  background: rgba(255, 255, 255, .86) !important;
  border-bottom: 1px solid rgba(15, 23, 42, .10) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
}

/* Body scrollable */
#accessibility-panel .acc-panel-body {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  /* CRITICAL */
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding: 16px 20px 24px !important;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
}

/* Scrollbar */
#accessibility-panel .acc-panel-body::-webkit-scrollbar {
  width: 8px;
}

#accessibility-panel .acc-panel-body::-webkit-scrollbar-thumb {
  background: #273c66;
  border-radius: 10px;
}

#accessibility-panel .acc-panel-body::-webkit-scrollbar-thumb:hover {
  background: #273c66;
}

/* Header actions: TR/EN + X */
#accessibility-panel .acc-panel-actions {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

/* Lang pill */
#accessibility-panel .acc-lang {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 2px !important;
  border-radius: 999px !important;
  background: #f1f5f9 !important;
  border: 1px solid var(--acc-border) !important;
}

#accessibility-panel .lang-btn {
  border: 0 !important;
  background: transparent !important;
  padding: 8px 12px !important;
  border-radius: 999px !important;
  font-weight: 800 !important;
  font-size: 12px !important;
  color: #273c66 !important;
  cursor: pointer !important;
  line-height: 1 !important;
}

#accessibility-panel .lang-btn:hover {
  background: #ed8c42 !important;
  color: #0f172a !important;
}

    #accessibility-panel .lang-btn.acc-btn-active {
        background: #273c66 !important;
        color: #fff !important;
        box-shadow: 0 6px 16px rgba(19, 192, 215, .25) !important;
    }

/* Close */
#accessibility-panel .acc-close,
#accessibility-panel #acc-close {
  width: 38px !important;
  height: 38px !important;
  border-radius: 12px !important;
  border: 1px solid var(--acc-border) !important;
  background: #fff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
}

#accessibility-panel .acc-close:hover,
#accessibility-panel #acc-close:hover {
  background: #f8fafc !important;
  border-color: #cbd5e1 !important;
}

/* Buttons */
#accessibility-panel .acc-btn {
  width: 100% !important;
  border: 1px solid var(--acc-border) !important;
  border-radius: 14px !important;
  background: #fff !important;
  padding: 10px 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  box-shadow: 0 2px 12px rgba(2, 32, 71, .06) !important;
  cursor: pointer !important;
}

#accessibility-panel .acc-btn:hover {
  border-color: #ed8c42 !important;
  background: #fcfdff !important;
  box-shadow: 0 10px 20px rgba(37, 99, 235, .08) !important;
}

#accessibility-panel .acc-btn span,
#accessibility-panel .acc-btn .acc-btn-text {
  font-size: 12px !important;
  font-weight: 800 !important;
  color: #334155 !important;
}

/* Grid 2 */
#accessibility-panel .acc-grid-2 {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 12px !important;
}

@media (max-width:480px) {
  #accessibility-panel .acc-grid-2 {
    grid-template-columns: 1fr !important;
  }
}

/* Sliders 3 columns */
#accessibility-panel .acc-sliders {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

@media (max-width:520px) {
  #accessibility-panel .acc-sliders {
    grid-template-columns: 1fr !important;
  }
}

#accessibility-panel .acc-slider {
  background: #f8fafc !important;
  border: 1px solid var(--acc-border) !important;
  border-radius: 14px !important;
  padding: 12px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

#accessibility-panel .acc-slider-head {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  color: #334155 !important;
}

#accessibility-panel .acc-val {
    font-size: 11px !important;
    font-weight: 900 !important;
    background: #273c66 !important;
    color: #fff !important;
    padding: 3px 8px !important;
    border-radius: 999px !important;
}

#accessibility-panel input[type="range"] {
  -webkit-appearance: none !important;
  appearance: none !important;
  height: 6px !important;
  background: #e2e8f0 !important;
  border-radius: 999px !important;
  outline: none !important;
}

#accessibility-panel input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none !important;
  appearance: none !important;
  width: 16px !important;
  height: 16px !important;
  border-radius: 50% !important;
  background: #273c66 !important;
  cursor: pointer !important;
  box-shadow: 0 4px 12px rgba(19, 192, 215, .35) !important;
  border: 2px solid #fff !important;
}

#accessibility-panel input[type="range"]::-moz-range-thumb {
  width: 16px !important;
  height: 16px !important;
  border-radius: 50% !important;
  background: var(--acc-turquoise) !important;
  cursor: pointer !important;
  border: none !important;
}

/* Reset */
#accessibility-panel .acc-reset {
    width: 100% !important;
    border-radius: 14px !important;
    border: 1px solid rgba(239, 68, 68, .25) !important;
    background: rgba(239, 68, 68, .08) !important;
    color: #273c66 !important;
    font-weight: 900 !important;
    padding: 12px !important;
}

#accessibility-panel .acc-header {
  margin: 0 !important;
  text-align: center !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  letter-spacing: .22em !important;
  text-transform: uppercase !important;
  color: #ed8c42 !important;
}

/* Panel and toggle her zaman tıklanabilir */
.acc-fixed,
#acc-toggle {
  z-index: 100010 !important;
  pointer-events: auto !important;
}

#accessibility-panel * {
  pointer-events: auto !important;
}

/* =========================================================
   RENK KÖRLÜĞÜ
   ========================================================= */


body.protanopia-filter .content,
body.protanopia-filter .full-header,
body.protanopia-filter footer {
    filter: url("#protanopia-filter");
}

/* Deuteranopia - yeşil algısı zayıflığı */
body.deuteranopia-filter .content,
body.deuteranopia-filter .full-header,
body.deuteranopia-filter footer {
    filter: url("#deuteranopia-filter");
}

/* Tritanopia - mavi algısı zayıflığı */
body.tritanopia-filter .content,
body.tritanopia-filter .full-header,
body.tritanopia-filter footer {
    filter: url("#tritanopia-filter");
}

/* =========================================================
   BÜYÜTEÇ
   ========================================================= */
#acc-magnifier {
  position: fixed;
  width: 200px;
  height: 200px;
  border: 4px solid #3b82f6;
  border-radius: 50%;
  pointer-events: none;
  z-index: 10000;
  display: none;
  box-shadow: 0 0 30px rgba(0, 0, 0, .4);
  background: #fff;
  overflow: hidden;
}

/* =========================================================
   SANAL KLAVYE
   ========================================================= */
#acc-keyboard {
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%) translateY(120%);
  background: #fff;
  padding: 15px;
  border-radius: 16px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, .2);
  z-index: 10001;
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  gap: 5px;
  transition: transform .4s ease;
  border: 1px solid var(--acc-border);
  max-width: 90vw;
}

#acc-keyboard.active {
  transform: translateX(-50%) translateY(0);
}

.kbd-key {
  background: #f8fafc;
  border: 1px solid var(--acc-border);
  border-radius: 6px;
  padding: 8px;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all .2s;
  user-select: none;
}

.kbd-key:hover {
  background: #eff6ff;
  border-color: #3b82f6;
  color: #2563eb;
}

.kbd-key:active {
  transform: scale(.95);
}

.kbd-key.wide {
  grid-column: span 2;
}

.kbd-key.space {
  grid-column: span 5;
}

/* =========================================================
   SAYFA ÖZETİ
   ========================================================= */
#acc-summary-panel {
  position: fixed;
  right: 20px;
  top: 55%;
  transform: translateY(-50%) translateX(120%);
  background: #fff;
  width: 280px;
  max-height: 80vh;
  border-radius: 16px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, .15);
  z-index: 9997;
  padding: 20px;
  overflow-y: auto;
  transition: transform .4s ease;
  border: 1px solid var(--acc-border);
}

#acc-summary-panel.active {
  transform: translateY(-50%) translateX(0);
}

.summary-item {
  display: block;
  padding: 8px 12px;
  border-radius: 8px;
  text-decoration: none;
  color: #475569;
  font-size: 13px;
  margin-bottom: 4px;
  transition: all .2s;
}

.summary-item:hover {
  background: #f1f5f9;
  color: #2563eb;
  padding-left: 16px;
}

.summary-h1 {
  font-weight: 800;
  font-size: 14px;
  margin-top: 10px;
}

.summary-h2 {
  margin-left: 15px;
}

.summary-h3 {
  margin-left: 25px;
  opacity: .8;
}

/* =========================================================
   TOGGLE BUTTON
   ========================================================= */
#acc-toggle {
  position: fixed !important;
  left: 20px !important;
  bottom: 20px !important;
  width: 64px !important;
  height: 64px !important;
  border-radius: 9999px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: var(--acc-navy) !important;
  color: #fff !important;
  box-shadow: 0 8px 30px rgba(37, 99, 235, .25) !important;
  z-index: 99999 !important;
  border: 0 !important;
  cursor: pointer !important;
}

/* =========================================================
   TAILWIND SHIM (SADECE PANEL) - minimal
   ========================================================= */
#accessibility-panel .flex {
  display: flex;
}

#accessibility-panel .grid {
  display: grid;
}

#accessibility-panel .grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

#accessibility-panel .items-center {
  align-items: center;
}

#accessibility-panel .justify-between {
  justify-content: space-between;
}

#accessibility-panel .justify-center {
  justify-content: center;
}

#accessibility-panel .flex-1 {
  flex: 1 1 0%;
}

#accessibility-panel .w-full {
  width: 100%;
}

#accessibility-panel .text-center {
  text-align: center;
}

#accessibility-panel .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* === SPACING'i KISALT === */
#accessibility-panel .acc-panel-body {
  padding: 12px 14px 12px !important;
}

#accessibility-panel .acc-grid-2 {
  gap: 10px !important;
  margin-bottom: 10px !important;
}

#accessibility-panel .acc-sliders {
  gap: 10px !important;
  margin-top: 6px !important;
}

#accessibility-panel .acc-slider {
  padding: 10px !important;
}

#accessibility-panel .acc-btn {
  padding: 10px 12px !important;
  border-radius: 14px !important;
}

/* Başlıklar arası boşluğu azalt */
#accessibility-panel h3,
#accessibility-panel h4,
#accessibility-panel .acc-section-title {
  margin: 10px 0 8px !important;
  padding-top: 0 !important;
}

/* === ALT KISMI SABİTLE (Ayarları Sıfırla + AYBÜ yazısı) === */
/* Panel body içinde en altta bir footer alanın varsa: */
#accessibility-panel .acc-footer {
  margin-top: 0 !important;
  padding: 8px 0 6px !important;
  font-size: 9px !important;
}


#accessibility-panel .acc-reset {
    position: sticky !important;
    bottom: 10px !important;
    z-index: 5 !important;
    margin-top: 12px !important;
    padding: 12px !important;
    border-radius: 14px !important;
    background: #ed8c429c !important;
    backdrop-filter: blur(5px) !important;
}

/
#accessibility-panel .acc-panel-body {
  padding-bottom: 70px !important;
}


#accessibility-panel .acc-reset {
  position: sticky !important;
  bottom: 0 !important;
  margin-top: 20px !important;
  margin-bottom: 12px !important;
}


#accessibility-panel .acc-panel-body {
  padding-bottom: 40px !important;
}


/* =========================================================
   RESPONSIVE NAVIGATION FIX (Overflow prevention)
   ========================================================= */
/* =========================================================
   ACCESSIBILITY MENU - MOBILE FIX
   ========================================================= */

@media (max-width: 768px) {

    #acc-toggle,
    .acc-toggle {
        display: flex !important;
        position: fixed !important;
        left: 16px !important;
        bottom: 16px !important;
        top: auto !important;
        left: auto !important;
        z-index: 1000001 !important;
        width: 56px !important;
        height: 56px !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: none !important;
    }

    #accessibility-panel,
    .acc-panel {
        position: fixed !important;
        top: 0 !important;
        right: 0 !important;
        left: auto !important;
        bottom: 0 !important;
        width: 92vw !important;
        max-width: 360px !important;
        height: 100vh !important;
        max-height: 100vh !important;
        z-index: 1000002 !important;
        overflow-y: auto !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

        #accessibility-panel:not(.open),
        .acc-panel:not(.open) {
            transform: translateX(110%) !important;
            pointer-events: none !important;
        }

        #accessibility-panel.open,
        .acc-panel.open {
            transform: translateX(0) !important;
            pointer-events: auto !important;
        }

    .acc-panel-body {
        max-height: calc(100vh - 80px) !important;
        overflow-y: auto !important;
        padding-bottom: 80px !important;
    }

    .acc-grid-2 {
        grid-template-columns: 1fr !important;
    }

    .acc-btn {
        min-height: 48px !important;
        width: 100% !important;
    }
}