/* ==========================================
   SADECE MOBİL EKRANLAR İÇİN DÜZELTMELER
   Masaüstü görünümüne KESİNLİKLE dokunmaz!
   ========================================== */
@media (max-width: 767px) {
  /* 1. Üst Boşlukları Gider */
  .site-content, .ast-container { padding-top: 0 !important; margin-top: 0 !important; }
  .elementor-location-header { margin-bottom: 0 !important; padding-bottom: 0 !important; }

  /* 2. Hamburger Menüyü İptal Et ve Açık Göster */
  .elementor-menu-toggle { display: none !important; }
  .elementor-nav-menu--dropdown { display: none !important; }
  .elementor-nav-menu--main { display: block !important; }

  /* 3. Menüyü Tek Satırda Ortalı Yap, Çizgileri Sil */
  .elementor-nav-menu { 
      display: flex !important; 
      flex-direction: row !important; 
      justify-content: center !important; 
      flex-wrap: wrap !important; 
      gap: 15px !important; 
  }
  .elementor-nav-menu .menu-item { margin: 0 !important; display: inline-block !important; }
  
  /* Menü aralarındaki dikey (pipe) çizgileri mobilde gizle */
  .elementor-nav-menu .elementor-item::after, 
  .elementor-nav-menu .elementor-item::before { display: none !important; content: "" !important; }

  /* 4. Görünmeyen Resimleri Zorla Geri Getir */
  .elementor-invisible { 
      visibility: visible !important; 
      opacity: 1 !important; 
      animation: none !important; 
      transform: none !important; 
  }
  .elementor-hidden-mobile { display: flex !important; visibility: visible !important; }

  /* 5. İkonlar ve Header Ortalama */
  .elementor-icon-list-items { justify-content: center !important; flex-wrap: nowrap !important; display: flex !important; gap: 15px !important; }
  .elementor-location-header .elementor-column { width: 100% !important; text-align: center !important; margin-bottom: 10px !important; }

  /* 6. Footer Logosu ve Yazıları Ortalama */
  .elementor-location-footer .elementor-container { display: flex !important; flex-direction: column !important; align-items: center !important; }
  .elementor-location-footer .elementor-column { width: 100% !important; display: flex !important; justify-content: center !important; margin-bottom: 15px !important; }
  .elementor-location-footer .elementor-widget-wrap { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; text-align: center !important; }
  .elementor-widget-image img { display: block !important; margin: 0 auto !important; max-width: 100% !important; }
  h1.elementor-heading-title { font-size: 22px !important; line-height: 1.3 !important; text-align: center !important; }
}