/* ═══════════════════════════════════════════════════════════
   VITROTECH — Türkçe Karakter Düzeltmesi (tr-fix.css v2)
   -----------------------------------------------------------
   ASIL SORUN:
     style.css'te `font-family: 'Fraunces', serif` tanımlı.
     Fraunces font'u Türkçe karakterleri DESTEKLİYOR ama
     latin-ext alt seti yüklenmediği için ş, ğ, ı, İ gibi
     karakterler tarayıcı tarafından `serif` (Times) fallback'ten
     basılıyordu. Times bu karakterleri de basıyor ama görsel
     farkı (font yüksekliği, descender) gözle seçilebilir.

   ÇÖZÜM:
     theme.blade.php Google Fonts URL'ine latin-ext subset
     hint'i eklendi. Bu CSS dosyası ek olarak:
       1) Önemli başlıklarda font-family'yi tekrar zorla
       2) line-height'ları Türkçe descender'lar için aç
       3) Fallback fontu serif yerine system-ui'ye değiştir
          (Times'tan daha iyi Türkçe renderlama)
   ═══════════════════════════════════════════════════════════ */

/* Font fallback chain'i güçlendir — Fraunces yüklenemezse
   Georgia veya system-ui'ye düş, Times'a değil */
.hero-title,
.product-card h3,
.service-card h3,
.cat-card h3,
h1, h2, h3, h4 {
    font-family: 'Fraunces', Georgia, 'Times New Roman', system-ui, serif;
    font-feature-settings: "kern" 1, "liga" 1;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Body fontu — DM Sans yüklenemezse iyi fallback */
body, p, li, a, span {
    font-feature-settings: "kern" 1, "liga" 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* ─── LINE-HEIGHT DÜZELTMELERİ ─── */
/* Hero başlığı — "Şekillendiriyoruz" gibi descender'lı kelimeler */
.hero-title {
    line-height: 1.15 !important;
    padding-bottom: 0.1em;
}

.hero-title em {
    line-height: 1.15;
}

/* Kategori/ürün kart başlıkları */
.product-card h3,
.service-card h3,
.cat-card h3 {
    line-height: 1.35 !important;
}

/* Section/feature title'lar — büyük h2'ler */
.section-title,
.feature-title {
    line-height: 1.25;
    padding-bottom: 0.05em;
}

/* Genel h1-h4 minimum */
h1 { line-height: 1.2; }
h2 { line-height: 1.25; }
h3 { line-height: 1.35; }
h4 { line-height: 1.4; }

/* Footer */
.footer h4 {
    line-height: 1.4;
}

/* Brand badge ve liste öğeleri */
.brand-badge,
.product-list li {
    line-height: 1.5;
}