/* deksad/assets/deksad.css — DEKSAD sitesi.
   Olculu ve tipografik: dis font YOK (sistem yigini), dis kaynak YOK. Sayfa tek
   istekle acilir; afis disinda ag'a bagimlilik yoktur.
   Renkler DEGISKENDE: marka rengi geldiginde tek yerde degisir. */

/* ── marka paleti ────────────────────────────────────────────────────────────
   Iki gercek DEKSAD afisinden piksel ornekleme ile OLCULDU (tahmin degil).
   Kontrast NOTU (hesaplandi, gozle degil — WCAG AA: normal metin >=4.5:1,
   buyuk metin/UI gostergesi >=3:1, zemin #faf3e6 / yuzey #fffdf9 uzerinde):
     --vurgu   (#35a39b, olculen marka turkuazinin ta kendisi) krem uzerinde
                SADECE 2.77:1 — hicbir boyutta METIN ya da ince UI cizgisi
                (odak halkasi vb.) OLARAK KULLANILMAZ; yalniz genis dolgu
                (dugme/rozet ZEMINI) olarak, uzerine KOYU murekkep yaziyla.
     --vurgu-us KOYULTULDU: onerilen #2b8478 olculunce 3.60:1 kaldi (normal
                metin esigini GECEMEDI). #35a39b'nin AYNI tondan %70'e
                koyultulmus hali olan #25726c kullanildi: beyaz-uzerinde
                5.67:1, kendisi kucuk METIN olarak zeminde 5.14:1 / yuzeyde
                5.58:1 — ucu de AA'yi GECIYOR (bkz. deksad.test.mjs kontrast
                testi ve is raporu). */
/* 🔴 KOYU TEMA YOK — BILINCLI (kullanici karari 03.08.2026).
   DEKSAD'in kimligi "KAGIT": afisi, logosu, davetiyesi, hepsi krem zeminli.
   Markanin koyu varyanti YOK. Isletim sistemi koyu tema istedi diye kagidi
   tersine cevirmek kimligi bozuyordu — kullanici canli sayfayi "kapkaranlik"
   diye bildirdi. Sayfa artik HER ZAMAN aydinlik; `color-scheme: light` bunu
   tarayiciya da soyler (form denetimleri, kaydirma cubugu da aydinlik kalir).
   Gerçek logo/marka kilavuzu gelirse ve icinde koyu varyant VARSA yeniden
   degerlendirilir; o zamana kadar tek tema. */
:root {
  color-scheme: light;

  /* 03.08.2026 — zemin ACILDI (kullanici: "bu da koyu"). Olculen afis kremi
     #f0e5d0 basili kagitta dogru duruyor ama ekranda agir kaliyor; zemin bir
     kademe acildi, yuzey de onun ustune cikti. Marka tonu AYNI aile, yalnizca
     daha acik. Butun metin rolleri yeniden hesaplandi, hepsi AA'yi GECIYOR ve
     onceki degerlerden DAHA IYI (asagidaki oranlar bu yeni zemine gore). */
  --zemin:      #faf3e6;   /* kagit kremi, acik — sayfa zemini */
  --yuzey:      #fffdf9;   /* kartlar; zeminden bir tik acik */
  --murekkep:   #221309;   /* koyu kahve murekkep — afis govde metninden */
  --soluk:      #6b5844;
  --vurgu:      #35a39b;   /* DEKSAD turkuazi (logo) — yalniz GENIS DOLGU */
  --vurgu-us:   #25726c;   /* koyu turkuaz — metin/ince-UI/hover icin (AA) */
  --altin:      #a77e56;   /* parlak altin — CERCEVE/DEKORATIF, metin DEGIL */
  /* Parlak altin metin olarak zeminde 3.30:1 kalir (kucuk metin esigi 4.5'in altinda) — kucuk
     buyuk-harf etiketler (.ust-uzun, .yer-tutucu-etiket vb.) icin palette
     tablosundaki IKINCI altin tonu ("altin koyu", cercevenin GOLGESI icin
     verilmisti) metin rolune alindi: 6.60:1 (zemin) / 7.17:1 (yuzey) — AA
     rahat gecer. */
  --altin-koyu: #774d2d;
  --tugla:      #4f1a1a;   /* ders afisi basligindan */
  --adaci:      #778267;   /* logo rozetindeki yapraklardan */
  --cizgi:      rgba(119, 77, 45, .22);   /* altin-koyudan (#774d2d) turetildi */
  --golge:      0 1px 2px rgba(34, 19, 9, .06), 0 8px 28px rgba(34, 19, 9, .09);

  --olcu: 68rem;
  --yazi: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

* { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  background: var(--zemin);
  color: var(--murekkep);
  font-family: var(--yazi);
  font-size: 1.0625rem;
  line-height: 1.65;
  /* Kaydirma cubugu belirip kaybolurken sayfa yatay ziplamasin. */
  scrollbar-gutter: stable;
}

.kap {
  width: 100%;
  max-width: var(--olcu);
  margin-inline: auto;
  padding-inline: clamp(1.1rem, 4vw, 2.5rem);
}

/* Klavye kullanicisi icin atla baglantisi — odaklanmadan gorunmez. */
.atla {
  position: absolute;
  left: -9999px;
  top: 0;
  background: var(--vurgu);
  color: var(--murekkep);   /* --vurgu genis dolgu uzerinde KOYU yazi (bkz. :root notu) */
  padding: .7rem 1.1rem;
  z-index: 10;
}
.atla:focus { left: .5rem; top: .5rem; }

:where(a):focus-visible,
:where(.dugme):focus-visible {
  /* --vurgu DEGIL: ince halka ince-UI sayilir, kremde 2.77:1 kalirdi.
     --vurgu-us zeminde 5.14:1 / koyu zeminde 11+:1 — ikisinde de rahat gecer. */
  outline: 2px solid var(--vurgu-us);
  outline-offset: 3px;
  border-radius: 3px;
}

/* ── ust ─────────────────────────────────────────────────────────────────── */

.ust {
  padding-block: clamp(2.5rem, 7vw, 4.5rem) clamp(1.75rem, 4vw, 2.75rem);
  border-bottom: 1px solid var(--cizgi);
}

/* 03.08.2026 — BASLIK SADELESTI (kullanici karari, bkz. index.html .ust yorumu):
   ust satir "Destegül" (.ust-uzun), baslik icindeki "DEKSAD" rozeti (.ust-kisa) ve
   "Konya" (.ust-yer) KALDIRILDI. Uc kuralin tamami da buradan SILINDI — olu CSS
   birakilmadi. Basliktaki tek gorsel oge artik gercek marka kilididir. */

/* DEKSAD imzasi (isaret + "dek sad"), assets/deksad-imza.svg.
   OLCU YUKSEKLIKTEN verilir, genislikten DEGIL — cunku denge kurulacak sey imzanin
   yuksekligi ile basligin buyuk-harf yuksekligidir (bkz. index.html'deki olcum).
   Hedef oran 2,3–2,6; asagidaki iki clamp birlikte o araligi tutar:
     1280 px → imza 4.9rem = 78,4 px · h1 3rem = 48 px (buyuk-harf ~33,6) → 2,33
      390 px → imza 3.1rem = 49,6 px · h1 1.75rem = 28 px (buyuk-harf ~19,6) → 2,53
   width:auto + <img> en-boy orani (1183x464 = 2,5496:1) → yer onceden ayrilir,
   SVG gec cozulse de sayfa ZIPLAMAZ.
   max-width: cok dar ekranda (≤320 px) imza kaptan TASMASIN diye emniyet kemeri. */
.ust-imza {
  display: block;
  height: clamp(3.1rem, 12.5vw, 4.9rem);
  width: auto;
  max-width: 100%;
  margin-bottom: clamp(.85rem, 2.4vw, 1.25rem);
}

/* Sayfanin <h1>'i: dernegin ADI. BASKIN olan budur, imza ona eslik eder.
   03.08.2026'da eski clamp(1.6rem, 4.6vw, 2.7rem) BUYUTULDU → clamp(1.75rem, 5.2vw, 3rem):
   kullanici "acik ad orantisiz kucuk" dedi; hem imza kucultuldu hem baslik buyutuldu
   (tek tarafli duzeltme orani hedefe getirmiyordu — ikisi birlikte olculdu). */
.ust-ad {
  margin: 0;
  font-size: clamp(1.75rem, 5.2vw, 3rem);
  line-height: 1.18;
  font-weight: 600;
  letter-spacing: -.015em;
  text-wrap: balance;
}

/* ── bolumler ────────────────────────────────────────────────────────────── */

.bolum { padding-block: clamp(2rem, 5vw, 3.25rem); }

.bolum-baslik {
  margin: 0 0 1.1rem;
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--soluk);
}

/* Baslik oncesi kucuk tugla-kirmizisi isaret — ders afisi basliginin rengini
   METIN OLARAK DEGIL, sadece bir vurgu noktasi olarak sayfaya tasir (dekoratif;
   yanindaki metinle ayni bilgiyi tasidigi icin AA metin esigine tabi degil). */
.bolum-baslik::before {
  content: "";
  display: inline-block;
  width: .42em;
  height: .42em;
  margin-right: .55em;
  background: var(--tugla);
  border-radius: 1px;
  vertical-align: .05em;
}

/* ── yer tutucu (icerik UYDURULMADI, oyle GORUNUYOR) ─────────────────────── */

.yer-tutucu {
  border: 1px dashed var(--cizgi);
  border-radius: 10px;
  padding: 1.1rem 1.25rem;
  background: color-mix(in srgb, var(--yuzey) 60%, transparent);
}

.yer-tutucu-etiket {
  margin: 0 0 .35rem;
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--altin-koyu);
}

.yer-tutucu-metin {
  margin: 0;
  color: var(--soluk);
  max-width: 60ch;
}

/* ── afis ────────────────────────────────────────────────────────────────── */

.afis-kutu {
  border-radius: 12px;
  overflow: hidden;
  box-shadow: var(--golge);
  background: var(--yuzey);
  /* Afislerdeki cift altin cerceveye bir IMA — CSS'in yerlesik "double" cizgi
     bicemi tek satirda iki paralel altin cizgi cizer. Sayfa poster taklidi
     YAPILMAZ (brief), bu yuzden yalniz afis kutusuna uygulanir. */
  border: 3px double var(--altin);
}

.afis-bag {
  display: block;
  line-height: 0;          /* <img> altinda satir-ici bosluk kalmasin */
}

.afis-gorsel {
  display: block;
  width: 100%;
  height: auto;
  /* Afisin GERCEK viewBox orani (3088x1164). Yer onceden ayrilir: afis gec gelse de
     sayfa ziplamaz. width/height nitelikleri de ayni orani tasir (yedek). */
  aspect-ratio: 3088 / 1164;
}

/* DAR EKRAN: afis 2,65:1'dir — 390px'lik bir telefonda tam genislige sigdirilinca
   yalniz 147px yuksekliginde kalir ve ders/hoca listesi OKUNAMAZ (olculdu). Cozum:
   afis dar ekranda KENDI kutusu icinde yana kaydirilir; sayfa GOVDESI yatay kaymaz
   (overflow kutuda, body'de degil). Suruklemek baglantiyi tetiklemez, dokunmak
   tetikler — yani afis hem okunur hem tiklanabilir kalir. */
.afis-ipucu {
  display: none;
  margin: .55rem 0 0;
  font-size: .85rem;
  color: var(--soluk);
}

@media (max-width: 760px) {
  .afis-kutu {
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }
  .afis-gorsel { min-width: 700px; }
  .afis-ipucu { display: block; }
}

.afis-uyari {
  margin: 1rem 0 0;
  padding: .85rem 1rem;
  border-left: 3px solid var(--altin);
  background: color-mix(in srgb, var(--altin) 8%, transparent);
  color: var(--murekkep);
}

/* ── eylem ───────────────────────────────────────────────────────────────── */

.bolum-eylem { border-top: 1px solid var(--cizgi); }

.eylem-aciklama {
  margin: 0 0 1.15rem;
  color: var(--soluk);
  max-width: 55ch;
}

.dugme {
  display: inline-block;
  background: var(--vurgu);
  /* Beyaz yazi --vurgu uzerinde krem temada 3.06:1 kalirdi (dugme metni normal
     boyuttur, 4.5:1 gerekir). Koyu murekkep 5.89:1 ile rahat gecer — koyu
     temanin zaten kullandigi "koyu yazi/acik turkuaz" desenini krem temaya da
     tasidik. */
  color: var(--murekkep);
  text-decoration: none;
  font-weight: 600;
  letter-spacing: .01em;
  padding: .85rem 1.6rem;
  border-radius: 8px;
  box-shadow: var(--golge);
  transition: background .15s ease, transform .15s ease;
}
.dugme:hover {
  background: var(--vurgu-us);
  /* Hover zemini koyulasinca murekkep/vurgu-us 3.18:1'e duser (iki koyu ton
     yan yana) — o yuzden hover'da yazi beyaza doner (beyaz/vurgu-us 5.67:1). */
  color: #fff;
}
.dugme:active { transform: translateY(1px); }

@media (prefers-reduced-motion: reduce) {
  .dugme { transition: none; }
}

/* ── alt ─────────────────────────────────────────────────────────────────── */

.alt {
  margin-top: clamp(2rem, 6vw, 4rem);
  padding-block: 2rem 2.75rem;
  border-top: 1px solid var(--cizgi);
  color: var(--soluk);
  font-size: .92rem;
}

/* ── koken muhru (Destegül Guzel Sanatlar Merkezi, 1997) ─────────────────────
   Muhur ile kurulus/ad satirlari YAN YANA; dar ekranda alt alta duserler (wrap).
   Muhur MUTEVAZI: 5.5rem = 88 px. Kaynak dosya 256 px → ~2,9x yogunluk, retina'da
   da net. Daha buyuk yapilmadi cunku bu bir GEZINME ogesi degil, koken muhru —
   altbilgideki DEKSAD kilidiyle yarismamali. (512'lik turevler uretildi ama sayfada
   KULLANILMIYOR; ihtiyat/baski yedegi, bkz. veri/marka/OKUBENI.md.) */
.alt-koken {
  display: flex;
  align-items: center;
  gap: 1.15rem;
  flex-wrap: wrap;
  margin-bottom: 1.1rem;
}
.alt-muhur {
  flex: 0 0 auto;
  width: 5.5rem;
  height: auto;
}
.alt-koken-yazi { flex: 1 1 18rem; min-width: 0; }

.alt-kurum {
  margin: 0 0 .3rem;
  font-size: .8rem;
  letter-spacing: .05em;
  color: var(--altin-koyu);
}
.alt-ad { margin: 0; color: var(--murekkep); font-weight: 600; font-size: 1.02rem; }

/* Ziyaretci "merkez" ile "dernek" ayrimini BILMIYOR (kullanici bile "anlam veremedim"
   dedi). Tek cumlelik, iddiasiz aciklama — elimizde yalnizca "1997" ve iki kurum adi
   var, cumle bundan fazlasini soylemiyor. */
.alt-koken-not {
  margin: .45rem 0 0;
  font-size: .84rem;
  color: var(--soluk);
  max-width: 46ch;
}

/* Adaci (rozet yaprak yesili) burada TEK yerde kullanilir: iletisim blogunun
   sol kenarinda ince bir seritdir — logo rozetindeki botanik detaya bir ima. */
.alt-iletisim {
  margin: 0;
  font-style: normal;
  border-left: 2px solid var(--adaci);
  padding-left: 1.1rem;
}
.alt-satir { margin: 0 0 .5rem; }
.alt-satir:last-child { margin-bottom: 0; }
.alt-iletisim a {
  color: var(--vurgu-us);   /* metin turkuazi — bkz. :root notu, AA gecer */
  text-decoration: underline;
  text-underline-offset: .15em;
}
.alt-iletisim a:hover { text-decoration-thickness: 2px; }

/* Afislerin yerlesim gelenegi: logo ORTA-ALTTA durur (KORUNDU). */
.alt-logo {
  margin-top: clamp(1.75rem, 5vw, 2.75rem);
  text-align: center;
}
/* 03.08.2026: eski kural 3.25rem KARE + border-radius:999px idi — yuvarlak "D"
   monogrami yer tutucusu icindi. Gercek kilit 2,04:1 YATAY'dir; kare olcu ve yuvarlak
   kirpma onu ezerdi, ikisi de kaldirildi. Buradaki kilit basliktakinden KUCUKTUR
   (12rem'e karsi 24rem) — sayfayi kapatan bir imza olarak durur, ikinci bir baslik
   gibi degil. */
.alt-logo-gorsel {
  display: inline-block;
  width: clamp(10rem, 30vw, 12rem);
  height: auto;
}
/* .alt-logo-not KALDIRILDI (03.08.2026): "Yer tutucu logo — gercek marka gorseli
   eklenecek" notunun kurali idi. Gercek gorsel geldi, not da kural da gereksiz. */