/* site/01/css/erisebilirlik.css — Erişilebilirlik Paneli & 6 Mod */

/* ====================================================
   ERİŞEBİLİRLİK PANELİ — YÜZEBİLİR BUTON & PANEL
==================================================== */
.s01-erisebilir-toggle {
   position:fixed;
   right:0;
   top:50%;
   transform:translateY(-50%);
   z-index:8500;
   background:linear-gradient(135deg,var(--pc,#1a3a6e),var(--sc,#c0392b));
   color:#fff;
   border:none;
   border-radius:8px 0 0 8px;
   width:38px;
   height:80px;
   cursor:pointer;
   display:flex;
   flex-direction:column;
   align-items:center;
   justify-content:center;
   gap:6px;
   box-shadow:-2px 0 18px rgba(0,0,0,.35);
   transition:.25s;
   padding:0;
   outline:none;
}
.s01-erisebilir-toggle:hover {
   width:43px;
   box-shadow:-4px 0 24px rgba(0,0,0,.45);
}
.s01-erisebilir-toggle i {
   font-size:16px;
}
.s01-erisebilir-toggle span {
   font-size:9px;
   font-weight:700;
   letter-spacing:.04em;
   writing-mode:vertical-rl;
   text-orientation:mixed;
   transform:rotate(180deg);
   opacity:.88;
   line-height:1;
}
.s01-erisebilir-toggle.sol {
   right:auto;
   left:0;
   border-radius:0 8px 8px 0;
   box-shadow:2px 0 18px rgba(0,0,0,.35);
}
.s01-erisebilir-toggle.sol:hover {
   box-shadow:4px 0 24px rgba(0,0,0,.45);
}

/* Panel */
.s01-erisebilir-panel {
   position:fixed;
   right:-340px;
   top:50%;
   transform:translateY(-50%);
   z-index:8499;
   width:320px;
   background:rgba(10,8,30,.97);
   border:1px solid rgba(255,255,255,.12);
   border-right:none;
   border-radius:16px 0 0 16px;
   padding:20px;
   box-shadow:-8px 0 40px rgba(0,0,0,.55);
   backdrop-filter:blur(24px);
   -webkit-backdrop-filter:blur(24px);
   transition:right .32s cubic-bezier(.4,0,.2,1);
   max-height:90vh;
   overflow-y:auto;
   scrollbar-width:thin;
   scrollbar-color:rgba(255,255,255,.15) transparent;
}
.s01-erisebilir-panel.acik {
   right:0;
}
.s01-erisebilir-panel.sol {
   right:auto;
   left:-340px;
   border-radius:0 16px 16px 0;
   border-left:none;
   border-right:1px solid rgba(255,255,255,.12);
   box-shadow:8px 0 40px rgba(0,0,0,.55);
   transition:left .32s cubic-bezier(.4,0,.2,1);
}
.s01-erisebilir-panel.sol.acik {
   left:0;
}
.s01-erisebilir-panel::-webkit-scrollbar {
   width:4px;
}
.s01-erisebilir-panel::-webkit-scrollbar-thumb {
   background:rgba(255,255,255,.15);
   border-radius:2px;
}

/* Panel başlık */
.s01-er-baslik {
   display:flex;
   align-items:center;
   justify-content:space-between;
   margin-bottom:18px;
   padding-bottom:14px;
   border-bottom:1px solid rgba(255,255,255,.1);
}
.s01-er-baslik-sol {
   display:flex;
   align-items:center;
   gap:8px;
}
.s01-er-baslik-sol i {
   font-size:18px;
   background:linear-gradient(135deg,var(--pc,#1a3a6e),var(--ac,#f39c12));
   -webkit-background-clip:text;
   -webkit-text-fill-color:transparent;
}
.s01-er-baslik-sol h3 {
   font-size:.88rem;
   font-weight:800;
   color:#fff;
   margin:0;
}
.s01-er-kapat {
   background:rgba(255,255,255,.1);
   border:none;
   color:#fff;
   width:28px;
   height:28px;
   border-radius:8px;
   font-size:12px;
   cursor:pointer;
   display:flex;
   align-items:center;
   justify-content:center;
   transition:.2s;
   flex-shrink:0;
}
.s01-er-kapat:hover {
   background:rgba(255,255,255,.2);
}

/* Bölüm başlığı */
.s01-er-grup-baslik {
   font-size:.65rem;
   font-weight:800;
   color:rgba(255,255,255,.4);
   text-transform:uppercase;
   letter-spacing:.12em;
   margin:14px 0 8px;
}

/* Mod butonları */
.s01-er-modlar {
   display:grid;
   grid-template-columns:1fr 1fr;
   gap:8px;
   margin-bottom:14px;
}
.s01-er-mod-btn {
   display:flex;
   flex-direction:column;
   align-items:center;
   gap:6px;
   padding:12px 8px;
   background:rgba(255,255,255,.06);
   border:1px solid rgba(255,255,255,.1);
   border-radius:12px;
   color:rgba(255,255,255,.7);
   cursor:pointer;
   transition:.22s;
   text-align:center;
}
.s01-er-mod-btn:hover {
   background:rgba(255,255,255,.12);
   border-color:rgba(255,255,255,.22);
   color:#fff;
}
.s01-er-mod-btn.aktif {
   background:linear-gradient(135deg,var(--pc,#1a3a6e) 0%,var(--sc,#c0392b) 100%);
   border-color:transparent;
   color:#fff;
   box-shadow:0 4px 14px rgba(0,0,0,.35);
}
.s01-er-mod-btn i {
   font-size:20px;
   flex-shrink:0;
}
.s01-er-mod-btn span {
   font-size:.72rem;
   font-weight:700;
   line-height:1.2;
}

/* Yazı boyutu slider */
.s01-er-yazi-wrap {
   background:rgba(255,255,255,.05);
   border:1px solid rgba(255,255,255,.08);
   border-radius:12px;
   padding:12px 14px;
   margin-bottom:8px;
}
.s01-er-yazi-ust {
   display:flex;
   justify-content:space-between;
   align-items:center;
   margin-bottom:10px;
}
.s01-er-yazi-etiket {
   font-size:.78rem;
   color:rgba(255,255,255,.65);
   font-weight:600;
}
.s01-er-yazi-deger {
   font-size:.78rem;
   color:var(--ac,#f39c12);
   font-weight:700;
}
.s01-er-yazi-slider {
   width:100%;
   accent-color:var(--pc,#1a3a6e);
   cursor:pointer;
}

/* Sıfırla butonu */
.s01-er-sifirla {
   width:100%;
   background:rgba(239,68,68,.12);
   border:1px solid rgba(239,68,68,.25);
   color:#f87171;
   border-radius:10px;
   padding:9px 14px;
   font-size:.8rem;
   font-weight:700;
   cursor:pointer;
   transition:.2s;
   display:flex;
   align-items:center;
   justify-content:center;
   gap:7px;
   margin-top:14px;
}
.s01-er-sifirla:hover {
   background:rgba(239,68,68,.22);
   border-color:rgba(239,68,68,.45);
}

/* ====================================================
   MOD 1 — DEHB (Dikkat Eksikliği & Hiperaktivite)
==================================================== */
body.s01-adhd .site-01-haber-kart,
body.s01-adhd .site-01-duyuru-item,
body.s01-adhd .site-01-etkinlik-kart,
body.s01-adhd .site-01-proje-kart {
   border-left:4px solid var(--ac,#f39c12) !important;
}
body.s01-adhd .site-01-section-title {
   background:none !important;
   -webkit-text-fill-color:#fff !important;
   border-bottom:3px solid var(--ac,#f39c12);
   padding-bottom:8px;
}
body.s01-adhd p, body.s01-adhd li {
   line-height:1.9 !important;
   letter-spacing:.02em;
}
body.s01-adhd * {
   animation-duration:.001s !important;
   animation-iteration-count:1 !important;
   transition-duration:.1s !important;
}
body.s01-adhd nav.site-01-nav {
   border-bottom:3px solid var(--ac,#f39c12);
}

/* ====================================================
   MOD 2 — DİSLEKSİ
==================================================== */
body.s01-dyslexia {
   font-family:'Courier New',Courier,monospace !important;
   letter-spacing:.06em;
   word-spacing:.2em;
}
body.s01-dyslexia p,
body.s01-dyslexia li,
body.s01-dyslexia .site-01-haber-baslik,
body.s01-dyslexia .site-01-duyuru-baslik,
body.s01-dyslexia .site-01-proje-baslik {
   line-height:2 !important;
   letter-spacing:.12em !important;
   word-spacing:.25em !important;
}
body.s01-dyslexia h1, body.s01-dyslexia h2, body.s01-dyslexia h3 {
   letter-spacing:.08em !important;
   background:none !important;
   -webkit-text-fill-color:#fff !important;
}
body.s01-dyslexia .site-01-section-title {
   background:none !important;
   -webkit-text-fill-color:#fff !important;
}
body.s01-dyslexia .site-01-haber-ozet,
body.s01-dyslexia .site-01-proje-aciklama {
   -webkit-line-clamp:unset !important;
   max-height:none !important;
   overflow:visible !important;
}

/* ====================================================
   MOD 3 — GÖRME BOZUKLUĞU (Yüksek Kontrast)
==================================================== */
body.s01-vision {
   background:#000 !important;
}
body.s01-vision .site-01-haber-kart,
body.s01-vision .site-01-duyuru-item,
body.s01-vision .site-01-etkinlik-kart,
body.s01-vision .site-01-proje-kart,
body.s01-vision .site-01-feature-card {
   background:#1a1a1a !important;
   border:2px solid #fff !important;
}
body.s01-vision .site-01-haber-baslik,
body.s01-vision .site-01-duyuru-baslik,
body.s01-vision .site-01-proje-baslik,
body.s01-vision .site-01-feature-title {
   color:#fff !important;
   font-size:1.1em !important;
}
body.s01-vision .site-01-haber-ozet,
body.s01-vision .site-01-duyuru-tarih,
body.s01-vision .site-01-proje-aciklama {
   color:#ddd !important;
}
body.s01-vision .site-01-section-title {
   background:none !important;
   -webkit-text-fill-color:#fff !important;
   font-size:1.15em !important;
}
body.s01-vision nav.site-01-nav {
   background:#000 !important;
   border-bottom:2px solid #fff !important;
}
body.s01-vision .site-01-nav-links a {
   color:#fff !important;
}
body.s01-vision .s01-erisebilir-panel,
body.s01-vision .s01-erisebilir-toggle {
   border:2px solid #fff !important;
}
body.s01-vision * {
   font-size:110% !important;
}

/* ====================================================
   MOD 4 — RENK KÖRLÜĞÜ
==================================================== */
body.s01-colorblind {
   filter:grayscale(30%) contrast(1.1);
}
body.s01-colorblind .site-01-haber-kat,
body.s01-colorblind .site-01-duyuru-ikon,
body.s01-colorblind .site-01-etkinlik-tarih-blok {
   background:#555 !important;
}
body.s01-colorblind .site-01-btn-tumu-sag {
   color:#fff !important;
   border-color:#555 !important;
}
body.s01-colorblind .site-01-haber-devami,
body.s01-colorblind .site-01-duyuru-son-tarih {
   color:#aaa !important;
}
body.s01-colorblind .site-01-ihale-durum.aktif {
   background:rgba(100,100,100,.25) !important;
   color:#ccc !important;
}
body.s01-colorblind .site-01-ihale-durum.sonuclandi {
   background:rgba(140,140,140,.2) !important;
   color:#bbb !important;
}

/* ====================================================
   MOD 5 — EPİLEPSİ (Animasyon Durdur)
==================================================== */
body.s01-epilepsy *,
body.s01-epilepsy *::before,
body.s01-epilepsy *::after {
   animation-duration:.001s !important;
   animation-iteration-count:1 !important;
   transition-duration:.001s !important;
   animation-delay:.001s !important;
}
body.s01-epilepsy .site-01-slider-section .swiper-wrapper {
   transition-duration:.001s !important;
}
body.s01-epilepsy .s01-cursor {
   animation:none !important;
   display:none !important;
}
body.s01-epilepsy .site-01-float-wa {
   animation:none !important;
}
body.s01-epilepsy #particles-js {
   display:none !important;
}

/* ====================================================
   MOD 6 — YAŞLILAR İÇİN
==================================================== */
body.s01-elderly {
   font-size:18px !important;
}
body.s01-elderly .site-01-nav-links a {
   font-size:15px !important;
   padding:8px 16px !important;
}
body.s01-elderly .site-01-haber-baslik,
body.s01-elderly .site-01-duyuru-baslik,
body.s01-elderly .site-01-proje-baslik {
   font-size:1.2rem !important;
}
body.s01-elderly .site-01-haber-ozet,
body.s01-elderly .site-01-duyuru-tarih,
body.s01-elderly .site-01-proje-aciklama {
   font-size:1rem !important;
   line-height:1.85 !important;
}
body.s01-elderly .site-01-hizli-btn {
   padding:24px 20px !important;
   font-size:14px !important;
}
body.s01-elderly .site-01-hizli-ikon-wrap {
   width:58px !important;
   height:58px !important;
}
body.s01-elderly .site-01-hizli-btn i {
   font-size:26px !important;
}
body.s01-elderly .site-01-btn-tumu,
body.s01-elderly .site-01-btn-tumu-sag,
body.s01-elderly .site-01-slide-btn {
   font-size:1rem !important;
   padding:14px 28px !important;
   min-height:48px !important;
}
body.s01-elderly .site-01-topbar {
   font-size:14px !important;
   padding:10px 0 !important;
}
body.s01-elderly .site-01-section-title {
   font-size:2.2rem !important;
}

/* ====================================================
   YAZI BOYUTU AYARI (JS ile --s01-yaziboyut güncellenir)
==================================================== */
body.s01-custom-yazi {
   font-size:calc(16px * var(--s01-yaziboyut, 1)) !important;
}
body.s01-custom-yazi .site-01-haber-baslik,
body.s01-custom-yazi .site-01-duyuru-baslik,
body.s01-custom-yazi .site-01-proje-baslik {
   font-size:calc(1rem * var(--s01-yaziboyut, 1)) !important;
}

/* ====================================================
   ERİŞEBİLİRLİK PANELİ MOBİL
==================================================== */
@media(max-width:767px) {
   .s01-erisebilir-toggle {
      top:auto;
      bottom:140px;
      transform:none;
      height:60px;
      width:32px;
      border-radius:8px 0 0 8px;
   }
   .s01-erisebilir-panel {
      top:auto;
      bottom:0;
      right:-100%;
      width:100%;
      max-width:100%;
      transform:none;
      border-radius:16px 16px 0 0;
      border-right:1px solid rgba(255,255,255,.12);
      border-bottom:none;
      max-height:75vh;
      transition:right .32s cubic-bezier(.4,0,.2,1);
   }
   .s01-erisebilir-panel.acik {
      right:0;
   }
   .s01-erisebilir-panel.sol {
      left:auto;
      right:-100%;
      border-radius:16px 16px 0 0;
      border-left:1px solid rgba(255,255,255,.12);
      transition:right .32s cubic-bezier(.4,0,.2,1);
   }
   .s01-erisebilir-panel.sol.acik {
      left:auto;
      right:0;
   }
   .s01-er-modlar {
      grid-template-columns:repeat(3,1fr);
   }
}