/*
  FAZ 8 (SEO) — BAŞLIK SEMANTİĞİ DÜZELTİLİRKEN GÖRÜNÜMÜ BİREBİR KORUYAN İKİ KURAL.

  Sorun: Sayfa başına tek <h1> kuralına uymak için bazı başlıkların ETİKETİ değişti
  (bölüm başlıkları h1 -> h2, sayfa başlıkları h2 -> h1). Tema (style.min.css) başlıkları
  ELEMENT seçicisiyle boyutlandırdığı için etiket değişimi görünümü de değiştirirdi.

  Çözüm: Temanın kendi yardımcı sınıfları kullanılıyor —
    .fs-one = h1 tipografisi · .fs-two = h2 tipografisi (her kırılma noktasında tanımlı).
  Böylece <h2 class="fs-one"> h1 gibi, <h1 class="fs-two"> h2 gibi görünür.

  Aşağıdaki iki kural, bu sınıfların TAM eşdeğerlik sağlamadığı iki noktayı kapatır.
  (Headless Chrome'da hesaplanmış stil karşılaştırmasıyla ölçüldü — bkz. FAZ 8 raporu.)

  ⚠️ Kurallar YALNIZ h2.fs-one / h1.fs-two bileşimine uygular. Temanın .fs-one/.fs-two
     sınıfları view'larda başka hiçbir yerde kullanılmıyor (grep: 0 sonuç), yan etki yok.
*/

/* 1) Satır yüksekliği.
      Tema: "h1,h2,h3,...{line-height:128%}" kuralı dosyada SONRA geldiği için element
      başlıklarda her zaman 128% kazanır. .fs-one/.fs-two ise kendi 120% değerini taşır
      ve sınıf seçicisi olduğu için elementi ezer. Sonuç: etiket değişince satır
      yüksekliği 128% -> 120% düşerdi (56px başlıkta 71.68px -> 67.2px).
      Bu kural etiket değişiminden önceki 128%'i geri verir. */
h2.fs-one,
h1.fs-two {
    line-height: 128%;
}

/* 2) 400px altı kırılma noktası.
      Tema: "@media(max-width:400px){.fs-one,h1,h1>a{font-size:34px !important}}"
      Buradaki !important h1 ELEMENTİNE de uygulandığı için <h1 class="fs-two">
      elemanında .fs-two'yu ezer ve başlık büyük görünürdü.

      ⚠️ Değer 31px DEĞİL, 32px'tir. Aynı dosyadaki "@media(max-width:400px){.fs-two,h2{font-size:31px}}"
      kuralı, dosyada DAHA SONRA gelen "@media(max-width:1199px){.fs-two,h2{font-size:32px...}}"
      tarafından eziliyor (eşit özgüllük -> sonraki kazanır). Yani temanın 400px altındaki
      GERÇEK h2 boyutu 32px'tir; headless Chrome'da 400/399/375/320px'te ölçülerek doğrulandı.
      Satır yüksekliği 1. kuraldaki 128% ile kendiliğinden 40.96px'e oturur. */
@media (max-width: 400px) {
    h1.fs-two,
    h1.fs-two > a {
        font-size: 32px !important;
    }
}

/* 3) Ana sayfa slider'ı (hero-style3).
      Tema, slider başlığını GENEL h1 kuralıyla değil, kapsamlı bir seçiciyle biçimlendiriyor:
        ".hero-section.hero-style3 .hero-version-item3 .hero-content3 h1
         { font-size:74px; font-weight:600; color:var(--n0); line-height:120% }"
      Bu seçici h1 elementine bağlı olduğu için 2. ve 3. slayt h2'ye dönünce devre dışı kalıyordu:
        - font-weight  600 -> 800 (kalınlaşma)
        - line-height  120% -> 128% (satır kutusu 60px -> 64px)
        - color        var(--n0) [beyaz] -> var(--n900) [koyu]  ⚠️ koyu zeminde METİN OKUNMAZ olurdu
      Aşağıdaki kural aynı bağlamı h2.fs-one için tekrarlar; slaytlar birebir aynı görünür.
      (font-size zaten satır içi style="font-size:50px" ile geliyor; 400px altında ise
       .fs-one'ın 34px !important değeri h1'deki davranışı birebir taklit eder.)  */
.hero-section.hero-style3 .hero-version-item3 .hero-content3 h2.fs-one {
    font-weight: 600;
    line-height: 120%;
    color: var(--n0);
}