/* ===========================================================
   İÇ SAYFALAR · style.css üzerine biner
   =========================================================== */
.mt-h2{font-size:1.15rem;font-weight:700;color:var(--royal);margin:1.8rem 0 .7rem}
.metin a{color:var(--azure);text-decoration:underline}

.bekliyor{background:#FFF8E8;border-left:3px solid var(--gold);border-radius:0 8px 8px 0;
  padding:1.1rem 1.3rem;margin:1.4rem 0}
.bekliyor b{display:block;color:#6b5620;margin-bottom:.35rem}
.bekliyor p{color:#6b5620;font-size:.9rem;line-height:1.6;margin:0}

.kunye{display:grid;grid-template-columns:auto 1fr;gap:.5rem 1.1rem;font-size:.9rem;
  position:relative}
.kunye dt{color:var(--ink-soft);font-weight:600}
.kunye dd{font-weight:600}
.test-kart .kunye dt{color:#a9c6ec}
.test-kart .kunye dd{color:#fff}
.tk-liste.zaman li{font-weight:400;font-size:.9rem}
.tk-liste.zaman span{background:var(--gold);width:auto;padding:0 .55em;border-radius:100px;
  font-size:.72rem;font-weight:700;height:auto;line-height:1.7}
.kvkk-ozet{list-style:none;display:grid;gap:.6rem;position:relative}
.kvkk-ozet li{display:flex;gap:.6rem;font-size:.9rem;color:#dbe8f7}
.kvkk-ozet li::before{content:"\2713";color:var(--gold);font-weight:800}

/* ---------- yönetim kurulu ---------- */
.yk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1.4rem}
.yk-kisi{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:1.6rem 1.2rem;
  text-align:center;transition:box-shadow .3s var(--ease),transform .3s var(--ease)}
.yk-kisi:hover{box-shadow:0 14px 32px rgba(18,40,76,.12);transform:translateY(-3px)}
.yk-kisi.one{border-color:var(--gold);border-width:2px}
.ykk-foto{width:88px;height:88px;border-radius:4px;background:var(--royal);color:var(--gold);
  display:grid;place-items:center;font-size:1.5rem;font-weight:700;margin:0 auto 1rem;
  position:relative}
.ykk-foto::after{content:"";position:absolute;inset:-6px;border-radius:4px;
  border:2px dotted rgba(247,168,27,.55)}
.yk-kisi h2{font-size:1.02rem;font-weight:700}
.ykk-gorev{font-size:.85rem;color:var(--ink-soft);margin-top:.2rem}

/* ---------- komiteler ---------- */
.komite-liste{display:grid;gap:1rem}
.komite{display:grid;grid-template-columns:52px 1fr;gap:1.2rem;background:#fff;
  border:1px solid var(--line);border-radius:var(--r);padding:1.4rem 1.5rem;align-items:start}
.km-no{width:40px;height:40px;border-radius:50%;background:var(--royal);color:#fff;
  display:grid;place-items:center;font-weight:700}
.km-govde h2{font-size:1.08rem;font-weight:700}
.km-baskan{font-size:.9rem;color:var(--ink-soft);margin-top:.25rem}
.km-baskan b{color:var(--royal)}
.km-alt{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.9rem}
.km-alt span{font-size:.8rem;font-weight:600;background:var(--paper-2);color:var(--ink-soft);
  padding:.35em .85em;border-radius:100px}

/* ---------- odak alanları (büyük liste) ---------- */
.aof-buyuk-liste{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}
.aof-buyuk{display:grid;grid-template-columns:92px 1fr;gap:1.3rem;align-items:center;
  background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:1.4rem;
  transition:box-shadow .3s var(--ease)}
.aof-buyuk:hover{box-shadow:0 14px 32px rgba(18,40,76,.12)}
.aof-buyuk img{width:92px;height:92px;object-fit:contain}
.aof-buyuk h2{font-size:1.02rem;font-weight:700;margin-bottom:.3rem}
.aof-buyuk p{font-size:.86rem;color:var(--ink-soft);line-height:1.55}

/* ---------- haber listesi ---------- */
.filtre,.donem-secim{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:2rem}
.fl{border:1px solid var(--line);background:#fff;border-radius:100px;padding:.5em 1.3em;
  font:inherit;font-size:.86rem;font-weight:600;color:var(--ink-soft);cursor:pointer;
  transition:all .25s}
.fl:hover{border-color:var(--azure);color:var(--azure)}
.fl.aktif{background:var(--royal);border-color:transparent;color:#fff}

.haber-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.4rem}
.haber-kart{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;
  display:flex;flex-direction:column;transition:box-shadow .3s var(--ease),transform .3s var(--ease)}
.haber-kart:hover{box-shadow:0 14px 34px rgba(18,40,76,.13);transform:translateY(-3px)}
/* görseller Instagram'dan gelir: kartlar Instagram'ın 4:5 oranında */
.hk-foto{display:block;aspect-ratio:4/5;overflow:hidden;background:var(--paper-2)}
.hk-foto img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
.haber-kart:hover .hk-foto img{transform:scale(1.04)}
.hk-govde{padding:1.2rem 1.3rem;display:flex;flex-direction:column;gap:.5rem;flex:1}
.hk-govde h2{font-size:1.02rem;font-weight:700;line-height:1.35}
.hk-govde h2 a:hover{color:var(--azure)}
.hk-govde p{font-size:.87rem;color:var(--ink-soft);line-height:1.55}
.hk-govde time{font-size:.84rem;color:var(--ink-soft);margin-top:auto;padding-top:.5rem}

.sayfalama{display:flex;gap:.5rem;justify-content:center;margin-top:2.4rem}
.sf{width:38px;height:38px;border-radius:8px;display:grid;place-items:center;font-size:.9rem;
  font-weight:600;border:1px solid var(--line);background:#fff;color:var(--ink-soft)}
.sf:hover{border-color:var(--azure);color:var(--azure)}
.sf.aktif{background:var(--royal);border-color:transparent;color:#fff}

/* ---------- haber detay ---------- */
.haber-hero{position:relative;min-height:min(440px,58vh);display:flex;align-items:flex-end;
  color:#fff;overflow:hidden;background:var(--navy)}
/* başlığın arkası: kapağın bulanık hâli. Asıl görsel kırpılmadan metnin başında (.haber-kapak) */
.haber-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  filter:blur(22px) saturate(1.1);transform:scale(1.15)}
.haber-hero::after{content:"";position:absolute;inset:0;
  background:linear-gradient(0deg,rgba(8,22,45,.92) 0%,rgba(8,22,45,.5) 55%,rgba(8,22,45,.2) 100%)}
.haber-hero .wrap{position:relative;z-index:2;padding-block:clamp(2rem,5vw,3.4rem)}
.haber-hero .crumb{color:#a9c6ec;margin-bottom:1rem}
.haber-hero h1{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:700;letter-spacing:-.02em;
  margin:.9rem 0 .6rem;max-width:22ch}
.haber-hero time{font-size:.88rem;color:#c9dcf5}

.galeri{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin:1.8rem 0}
.galeri img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:8px}
.paylas{display:flex;align-items:center;gap:.8rem;margin-top:2rem;padding-top:1.2rem;
  border-top:1px solid var(--line);font-size:.88rem}
.paylas span{color:var(--ink-soft)}
.paylas a{font-weight:600;color:var(--azure)}
.paylas a:hover{text-decoration:underline}

/* ---------- mektup arşivi ---------- */
.mektup-grid-arsiv{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.4rem}
.mk-kart{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;
  transition:box-shadow .3s var(--ease),transform .3s var(--ease)}
.mk-kart:hover{box-shadow:0 16px 36px rgba(18,40,76,.14);transform:translateY(-3px)}
.mk-kart.one{border-color:var(--gold);border-width:2px}
.mk-kart.bos{opacity:.75}
.mk-kapak{aspect-ratio:1/1.414;overflow:hidden;background:var(--paper-2);
  display:grid;place-items:center}
.mk-kapak img{width:100%;height:100%;object-fit:cover}
.mk-kapak span{font-size:.82rem;color:var(--ink-soft);padding:1.4rem;text-align:center}
.mk-govde{padding:1.2rem 1.3rem}
.mk-sayi{font-size:.82rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;
  color:#8A5A06}
.mk-govde h2,.mk-govde h3{font-size:1.1rem;font-weight:700;margin:.2rem 0}
.mk-govde h3 a{color:inherit;text-decoration:none}
.mk-govde h3 a:hover{color:var(--azure)}
.mk-govde p{font-size:.84rem;color:var(--ink-soft)}
a.mk-kapak{text-decoration:none}
.mk-btn{display:flex;gap:.5rem;margin-top:1rem;flex-wrap:wrap}
.mk-btn .btn{font-size:.8rem;padding:.5em 1.2em}

/* ---------- mektup okuyucu ---------- */
.okuyucu{min-height:100vh;background:#E9EDF2;display:flex;flex-direction:column}
.ok-bar{background:var(--royal);color:#fff;display:flex;align-items:center;gap:1.2rem;
  padding:.9rem clamp(1rem,3vw,2rem)}
.ok-geri{font-weight:600;font-size:.9rem}
.ok-geri:hover{color:var(--gold)}
.ok-baslik{font-weight:700;font-size:.95rem}
.ok-arac{margin-left:auto;display:flex;align-items:center;gap:1rem}
.ok-sayfa{font-size:.85rem;color:#c9dcf5}
.ok-arac .btn{font-size:.8rem;padding:.5em 1.2em}
.ok-sahne{flex:1;display:flex;align-items:center;justify-content:center;gap:1.4rem;
  padding:clamp(1.4rem,4vw,3rem)}
.ok-ok{width:46px;height:46px;border-radius:50%;border:0;background:#fff;cursor:pointer;
  font-size:1.6rem;color:var(--royal);box-shadow:0 6px 18px rgba(18,40,76,.14);flex:none}
.ok-ok:hover{background:var(--royal);color:#fff}
.ok-kitap{perspective:2200px}
.ok-yaprak{width:min(430px,60vw);aspect-ratio:1/1.414;background:#fff;border-radius:3px;
  box-shadow:0 24px 56px rgba(18,40,76,.26);overflow:hidden}
.ok-yaprak img{width:100%;height:100%;object-fit:cover}
.ok-not{text-align:center;font-size:.84rem;color:var(--ink-soft);padding:0 1.4rem 2rem}

/* ---------- iletişim ---------- */
.iletisim-grid{display:grid;grid-template-columns:1fr 340px;gap:clamp(2rem,4vw,3.4rem);
  align-items:start}
.iletisim-form .field{margin-top:1.1rem}
.iletisim-form .field label{font-size:.84rem;font-weight:700;letter-spacing:.03em;
  text-transform:uppercase;color:var(--ink-soft);display:block;margin-bottom:.35rem}
.iletisim-form input,.iletisim-form textarea{width:100%;border:1px solid var(--line);
  border-radius:8px;padding:.7em .9em;font:inherit;font-size:.94rem;background:#fff}
.iletisim-form input:focus,.iletisim-form textarea:focus{outline:2px solid var(--azure);
  border-color:transparent}
.iletisim-form .grid2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.kvkk-onay{margin-top:1.3rem;display:flex;align-items:flex-start;gap:.7rem;font-size:.85rem;
  font-weight:400;cursor:pointer}
.kvkk-onay a{color:var(--azure);text-decoration:underline}
.iletisim-bilgi{display:grid;gap:1rem}
.ib-kutu{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:1.2rem 1.3rem}
.ib-kutu b{display:block;font-size:.84rem;letter-spacing:.05em;text-transform:uppercase;
  color:var(--ink-soft);margin-bottom:.5rem}
.ib-kutu a{color:var(--azure);font-weight:600}
.ib-kutu .btn-gold{color:var(--navy)}
.ib-kutu .btn-azure{color:#fff}
.ib-kutu .eksik{font-size:.88rem;color:#7E6425;font-style:italic}
.ib-kutu .social{margin-top:0}
.ib-kutu .social a{color:#fff;background:var(--royal)}
.ib-kutu.vurgu{background:var(--royal);color:#fff;border-color:transparent}
.ib-kutu.vurgu b{color:var(--gold)}
.ib-kutu.vurgu p{font-size:.88rem;color:#c9dcf5;margin-bottom:1rem}

/* ---------- 404 ---------- */
.hata-sayfa{text-align:center;padding-block:clamp(4rem,10vw,7rem)}
.hata-no{display:block;font-size:clamp(4rem,14vw,8rem);font-weight:800;line-height:1;
  color:var(--paper-2);letter-spacing:-.04em}
.hata-sayfa h1{font-size:clamp(1.5rem,3vw,2.1rem);font-weight:300;margin:-1rem 0 .7rem}
.hata-sayfa h1 b{font-weight:700}
.hata-sayfa p{color:var(--ink-soft);margin-bottom:1.8rem}

/* ---------- üye girişi ---------- */
.giris-body{background:var(--paper-2)}
.giris-layout{display:grid;grid-template-columns:1fr 46%;min-height:100vh}
.giris-sol{display:flex;flex-direction:column;justify-content:center;align-items:center;
  padding:clamp(2rem,5vw,4rem);position:relative}
.giris-logo{position:absolute;top:clamp(1.5rem,4vw,2.6rem);left:clamp(1.5rem,4vw,2.6rem)}
.giris-logo img{height:46px}
.giris-kutu{width:100%;max-width:400px}
.giris-kutu h1{font-size:1.7rem;font-weight:700;margin-bottom:.3rem}
.giris-alt{color:var(--ink-soft);font-size:.92rem;margin-bottom:1.8rem}
.giris-kutu .field{margin-top:1.1rem;display:flex;flex-direction:column;gap:.35rem}
.giris-kutu label{font-size:.84rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;
  color:var(--ink-soft)}
.giris-kutu input{border:1px solid var(--line);border-radius:8px;padding:.72em .9em;font:inherit;
  font-size:.95rem;background:#fff;width:100%}
.giris-kutu input:focus{outline:2px solid var(--azure);border-color:transparent}
.giris-satir{display:flex;align-items:center;justify-content:space-between;gap:1rem;
  margin-top:1.2rem;font-size:.86rem}
.giris-satir .switch{font-weight:400;font-size:.86rem}
.giris-unut{color:var(--azure);font-weight:600}
.giris-unut:hover{text-decoration:underline}
.giris-btn{width:100%;justify-content:center;margin-top:1.4rem}
.giris-not{font-size:.82rem;color:var(--ink-soft);line-height:1.6;margin-top:1.6rem;
  padding-top:1.2rem;border-top:1px solid var(--line)}
.giris-geri{position:absolute;bottom:clamp(1.5rem,4vw,2.6rem);font-size:.86rem;
  color:var(--ink-soft);font-weight:600}
.giris-geri:hover{color:var(--azure)}
.giris-sag{position:relative;overflow:hidden;background:var(--navy);display:flex;
  align-items:flex-end}
.giris-sag img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.giris-sag::after{content:"";position:absolute;inset:0;
  background:linear-gradient(0deg,rgba(8,22,45,.94) 0%,rgba(8,22,45,.6) 60%,rgba(8,22,45,.3) 100%)}
.giris-sag-ic{position:relative;z-index:2;padding:clamp(2rem,4vw,3.2rem);color:#fff}
.giris-tema{height:70px;width:auto;object-fit:contain;object-position:left;margin-bottom:1.2rem}
.giris-sag-ic p{color:#c9dcf5;font-size:.92rem;max-width:38ch;margin-bottom:.8rem}
.giris-sag-ic a{color:var(--gold);font-weight:600;font-size:.88rem}
.giris-sag-ic a:hover{text-decoration:underline}

/* ---------- anahtar (switch) · giriş ve iletişim için ---------- */
.switch{display:flex;align-items:center;gap:.7rem;cursor:pointer}
.switch input{position:absolute;opacity:0;width:0;height:0}
.sw{width:42px;height:24px;border-radius:100px;background:#CBD5DF;position:relative;
  transition:background .25s;flex:none}
.sw::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;
  background:#fff;transition:transform .25s var(--ease);box-shadow:0 1px 3px rgba(0,0,0,.25)}
.switch input:checked + .sw{background:var(--grass)}
.switch input:checked + .sw::after{transform:translateX(18px)}

@media (max-width:900px){
  .aof-buyuk-liste{grid-template-columns:1fr}
  .iletisim-grid{grid-template-columns:1fr}
  .iletisim-form .grid2{grid-template-columns:1fr}
  .giris-layout{grid-template-columns:1fr}
  .giris-sag{min-height:220px;order:-1}
  .giris-logo{position:static;margin-bottom:1.6rem;align-self:flex-start}
  .giris-geri{position:static;margin-top:1.6rem}
  .galeri{grid-template-columns:1fr 1fr}
  .komite{grid-template-columns:1fr}
}

/* haber detay: Instagram görseli kırpılmadan, 4:5 çerçevede */
.haber-kapak{margin:0 0 1.8rem;max-width:560px}
.haber-kapak img{display:block;width:100%;height:auto;border-radius:10px;box-shadow:0 10px 30px rgba(18,40,76,.12)}