/* MU TEXT EDİTÖR — İÇERİK BİÇİM SINIFLARI (site + panel ORTAK).
 * =============================================================================
 * ⚠ BU DOSYA İKİ YERDEN BİRDEN YÜKLENİR ve sebebi budur:
 *     • site   → hakkimizda.html (+ reference/hakkimizda-*.html)
 *     • panel  → yonetim/index.php düzeni, editörün yazma yüzeyi için
 *   İki kopya olsaydı biri diğerinden kayardı ve müşteri panelde gördüğünden
 *   BAŞKA bir sayfa yayınlardı — WYSIWYG'in tek anlamı ikisinin aynı olması.
 *
 * ⚠ BURADAKİ SINIF LİSTESİ `inc/panel/schema/mueditor_bicimler.php` İLE
 *   BİREBİR AYNI OLMAK ZORUNDA; `cli/test_mueditor.php` §G bunu kapıya bağlar.
 *   Sözlükte olmayan bir `.mueditor-*` kuralı ölü koddur (temizleyici o sınıfı
 *   zaten siler); kuralı olmayan bir sözlük maddesi ise müşteriye "uygulandı"
 *   der ama hiçbir şey yapmaz. İkisi de sessiz hatadır, ikisi de kırmızı yanar.
 *
 * ⚠ TOKEN KURALLARI `.mueditor-icerik` İLE ÖNEKLENİR. Sebep özgüllük (specificity):
 *   varsayılan `.mueditor-icerik p{margin-bottom:20px}` (0,0,1,1) tek başına bir
 *   `.mueditor-mb-24` (0,0,1,0) kuralını YENERDİ; müşteri boşluğu değiştirir,
 *   hiçbir şey olmazdı. Önek ikisini (0,0,2,x) hizalar. `!important` YOK.
 */

/* --- ölçü tokenları -----------------------------------------------------
 * ⚠ SÜTUN GENİŞLİĞİ İKİ YERDE KULLANILIYOR: burada içeriğin `max-width`i,
 * `panel.css`'te ise editör kutusunun genişliği. İkisi AYNI olmak zorunda —
 * ölçüldü (owner bildirdi): kutu sütundan genişken "ortala" ve "sona yasla"
 * metni kutunun ortalarında bir yere yaslıyor, çünkü hizalama 560px'lik
 * sütunun içinde oluyor ama müşteri kutunun kenarını referans alıyor. İki ayrı
 * sayı yazsaydık biri değişip diğeri kalır ve aynı hata geri gelirdi. */
:root{
  --mueditor-kolon: 560px;   /* sitedeki paragraf sütunu (hakkimizda.html) */
  /* ⚠ BU DEĞER "GÖRÜNEN AÇIKLIK", ham padding DEĞİL. Owner iki kez bildirdi:
     önce "yazı kenarlara yapışık", sonra "dört tarafta eşit ve 10px civarı
     olsun". Sayıları eşitlemek YETMİYOR, çünkü dikeyde metin kendiliğinden
     fazladan boşluk kazanıyor: satır kutusu 28,7px ama harf kutusu 21px —
     satır aralığının yarım boşluğu (~4px) ilk satırın üstüne ve son satırın
     altına ekleniyor. 10px/10px yazsaydık göz dikeyde 14px görürdü. Bu yüzden
     dikey padding, yarım boşluk kadar KISILIYOR (aşağıdaki calc). */
  --mueditor-pad:   10px;    /* dört tarafta GÖRÜNEN açıklık */
  /* Yarım boşluk: (satır yüksekliği − harf kutusu) / 2, varsayılan tipografi
     için ölçüldü. Müşteri bir paragrafa 2,4 satır aralığı verirse o paragrafın
     üstündeki açıklık bir miktar büyür — bu metnin doğası, kusur değil. */
  --mueditor-satir-payi: 4px;
}

/* --- kapsayıcı: bugünkü satır içi stilin BİREBİR karşılığı ---------------
 * Değerler hakkimizda.html'deki eski <p style="…"> ile aynı; dokunulmamış
 * paragraf tasarımsal olarak zerre değişmez. font-family sitede zaten gövdeden
 * miras alınıyordu — panelde miras Manrope OLMADIĞI için burada açıkça yazılı. */
/* ⚠ MADDELER ARASI BOŞLUK KAPSAYICININ ÜZERİNDE, iç `<p>`'de değil. Sitede her
 * paragraf maddesi AYRI bir `.mueditor-icerik` kutusudur ve mevcut içerik
 * ETİKETSİZ düz metindir — `p{margin-bottom}` kuralı ona hiç işlemez, maddeler
 * birbirine yapışırdı. Boşluk kapsayıcıda olunca üç durum da doğru çalışır:
 * düz metin, tek `<p>`, çok paragraflı zengin metin. */
.mueditor-icerik{
  font-family:'Manrope',sans-serif;
  font-size:15.5px;
  line-height:1.85;
  color:#4A4A4F;
  max-width:var(--mueditor-kolon);
  margin-bottom:20px;
}
.mueditor-icerik p,
.mueditor-icerik ul,
.mueditor-icerik ol,
.mueditor-icerik blockquote{margin:0 0 20px}
.mueditor-icerik h3,
.mueditor-icerik h4{
  font-family:'Cormorant Garamond',serif;
  font-weight:600;
  color:#0E3B2E;
  line-height:1.25;
}
.mueditor-icerik h3{font-size:26px;margin:0 0 14px}
.mueditor-icerik h4{font-size:20px;margin:0 0 12px}
.mueditor-icerik ul,
.mueditor-icerik ol{padding-inline-start:1.35em}
.mueditor-icerik li{margin:0 0 6px}
.mueditor-icerik blockquote{
  padding-inline-start:18px;
  border-inline-start:2px solid #CDAE72;
  font-style:italic;
  color:#43433F;
}
.mueditor-icerik a{color:#0E3B2E;text-decoration:underline;text-underline-offset:2px}
.mueditor-icerik a:hover{color:#B2904D}
/* `:not(...)`: müşteri son bloğa boşluk atadıysa sıfırlama ona dokunmaz.
   (Panelde aynı kural olmadan "Paragraf boşluğu" menüsü hiç çalışmıyordu.) */
.mueditor-icerik > :last-child:not([class*="mueditor-mb-"]){margin-bottom:0}

/* --- ff — yazı tipi ------------------------------------------------------ */
.mueditor-icerik .mueditor-ff-display{font-family:'Cormorant Garamond',serif}
.mueditor-icerik .mueditor-ff-label{font-family:'Marcellus',serif;letter-spacing:.06em}

/* --- fs — punto (varsayılan 15,5 = sınıfsız) ----------------------------- */
.mueditor-icerik .mueditor-fs-13{font-size:13px}
.mueditor-icerik .mueditor-fs-14{font-size:14px}
.mueditor-icerik .mueditor-fs-17{font-size:17px}
.mueditor-icerik .mueditor-fs-19{font-size:19px}
.mueditor-icerik .mueditor-fs-22{font-size:22px}

/* --- c — renk (varsayılan #4A4A4F = sınıfsız) ---------------------------- */
.mueditor-icerik .mueditor-c-ink{color:#1A1A1F}
.mueditor-icerik .mueditor-c-green{color:#0E3B2E}
.mueditor-icerik .mueditor-c-bronze{color:#755E30}
.mueditor-icerik .mueditor-c-gold{color:#B2904D}
.mueditor-icerik .mueditor-c-muted{color:#8C887F}

/* --- lh — satır aralığı (varsayılan 1,85 = sınıfsız) --------------------- */
.mueditor-icerik .mueditor-lh-120{line-height:1.2}
.mueditor-icerik .mueditor-lh-140{line-height:1.4}
.mueditor-icerik .mueditor-lh-160{line-height:1.6}
.mueditor-icerik .mueditor-lh-200{line-height:2}
.mueditor-icerik .mueditor-lh-240{line-height:2.4}

/* --- mb — paragraf boşluğu (varsayılan 20px = sınıfsız) ------------------ */
.mueditor-icerik .mueditor-mb-0{margin-bottom:0}
.mueditor-icerik .mueditor-mb-8{margin-bottom:8px}
.mueditor-icerik .mueditor-mb-12{margin-bottom:12px}
.mueditor-icerik .mueditor-mb-16{margin-bottom:16px}
.mueditor-icerik .mueditor-mb-24{margin-bottom:24px}
.mueditor-icerik .mueditor-mb-32{margin-bottom:32px}
.mueditor-icerik .mueditor-mb-40{margin-bottom:40px}

/* --- al — hizalama ------------------------------------------------------- */
/* ⚠ start/end, left/right DEĞİL: Arapça sekmede "başa yasla" sağa yaslamalı. */
.mueditor-icerik .mueditor-al-center{text-align:center}
.mueditor-icerik .mueditor-al-end{text-align:end}
.mueditor-icerik .mueditor-al-justify{text-align:justify}

/* =============================================================================
 * YAYILMA (2026-08-21) — İKİ AYRI SORUN, İKİ AYRI ÇÖZÜM
 *
 * Editör artık tek bir paragraf alanında değil, Hakkımızda'nın 15 gövde alanı
 * ve özel sekmelerin 9 blok alanında. Bu iki tarafta farklı bir ihtiyaç doğurdu:
 *
 *   SİTEDE  her alanın tipografisi ZATEN kendi `<p style="…">` satırında
 *           yazılı (13,5px kart açıklaması, 25px serif vizyon metni, 14px
 *           hukuki metin…). Kapsayıcı kendi puntosunu dayatsaydı 15 alanın
 *           görünümü tek tipe düşerdi — sayfa tasarımı bozulurdu.
 *           → `.mueditor-miras`: tipografiyi MİRAS al, yalnız blok ritmini kur.
 *
 *   PANELDE miras alınacak bir şey yok; yüzey boş bir kutu. Panelde 15,5px
 *           gösterip sitede 13,5px basmak, WYSIWYG'in tek faydasını yok eder.
 *           → `.mueditor-aile-*`: alanın sitedeki görünümünü panelde taklit et.
 *
 * ⚠ AİLE, ALAN DEĞİL (owner kararı Y2). 24 alan için 24 tanım yazmak yerine 4
 * aile: varsayılan (paragraf), madde, küçük, vurgu. Ölçüldü — gövde
 * metinlerinde gerçekte 13,5/14/14,5/15/15,5px olmak üzere birkaç ayrı görünüm
 * var, hepsi bu dört aileye oturuyor. Bakım yüzeyi üçte biri.
 * ========================================================================== */

/* --- SİTE: tipografiyi çevreden miras al -------------------------------- */
/* Özgüllük (0,0,2,0) `.mueditor-icerik` (0,0,1,0) kurallarını yener. */
.mueditor-icerik.mueditor-miras{
  font-family:inherit;
  font-size:inherit;
  line-height:inherit;
  color:inherit;
  max-width:none;
  margin-bottom:0;
}
/* ⚠ BLOK BOŞLUĞU `em`, `px` DEĞİL. Bu kapsayıcılar 13,5px'ten 30px'e kadar
   değişiyor; sabit 20px, küçük kartta uçurum, büyük serif metinde yetersiz
   olurdu. `em` boşluğu alanın kendi puntosuna bağlar. */
.mueditor-icerik.mueditor-miras p,
.mueditor-icerik.mueditor-miras ul,
.mueditor-icerik.mueditor-miras ol,
.mueditor-icerik.mueditor-miras blockquote{margin:0 0 1.15em}
.mueditor-icerik.mueditor-miras h3{font-size:1.5em;margin:0 0 .5em}
.mueditor-icerik.mueditor-miras h4{font-size:1.2em;margin:0 0 .45em}
.mueditor-icerik.mueditor-miras li{margin:0 0 .3em}

/* --- PANEL: yazma yüzeyinin aileleri ------------------------------------ */
/* `paragraf` ailesi sınıfsızdır — `.mueditor-icerik`in kendi değerleridir. */
.mueditor-icerik.mueditor-aile-madde{
  font-size:14.5px;
  line-height:1.65;
  color:#43433F;
}
.mueditor-icerik.mueditor-aile-kucuk{
  font-size:14px;
  line-height:1.75;
  color:#5C5A53;
}
.mueditor-icerik.mueditor-aile-vurgu{
  font-family:'Cormorant Garamond',serif;
  font-weight:500;
  font-size:25px;
  line-height:1.4;
  color:#0E3B2E;
}