/* ===== ANA CSS İMPORT DOSYASI ===== */

/* Font Awesome - Optimized (sadece kullanılan iconlar) */
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/fontawesome.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/solid.min.css');

/* Kullanılan Font Awesome iconları:
   fa-phone, fa-mobile-alt, fa-clock, fa-certificate, fa-tools, 
   fa-star, fa-home, fa-map-marker-alt, fa-cog, fa-code, 
   fa-users, fa-search, fa-check-circle, fa-exclamation-triangle
   Toplam: ~25KB (eskisi 200KB)
*/

/* 
  Sadeleştirilmiş CSS yapısı - 7 dosyaya indirildi
  Her dosyanın belirli bir görevi ve mantığı var
*/

/* 1. Temel CSS - Değişkenlar, Reset ve Icon Fallback */
@import url('core_css.css');

/* 2. Tipografi ve Temel Elementler */
@import url('typography_base.css');

/* 3. Layout ve Sayfa Düzeni */
@import url('layout_system.css');

/* 4. Bileşenler ve Menü Sistemi */
@import url('components_menu.css');

/* 5. Çağrı Butonları ve Footer */
@import url('call_buttons_footer.css');

/* 6. Responsive Tasarım ve Medya Sorguları */
@import url('responsive.css');

/* 7. Dinamik FAQ Stilleri */
@import url('dynamic-faq.css');

/*
  DOSYA YAPISI:
  
  📁 css/
  ├── main.css (bu dosya - tümünü import eder)
  ├── core_css.css (değişkenler, reset, iconlar)
  ├── typography_base.css (tipografi, butonlar, animasyonlar)
  ├── layout_system.css (header, layout, grid sistemleri)
  ├── components_menu.css (menü sistemi, hero, kartlar)
  ├── call_buttons_footer.css (call butonları, footer, arıza kodları)
  └── responsive.css (responsive tasarım)
  
  AVANTAJLARI:
  ✓ Mantıklı organizasyon
  ✓ Kolay bakım
  ✓ Modüler yapı
  ✓ 12 dosya → 6 dosya
  ✓ Her dosyanın net görevi var
  ✓ Production'da minify edilebilir
  
  KULLANIM:
  HTML'de sadece main.css'i import edin:
  <link rel="stylesheet" href="assets/css/main.css">
*/