/* ===================================================================
   Mobil performans katmani
   Bu dosya EN SONDA yuklenir ve yalnizca kucuk ekranlarda/dokunmatik
   cihazlarda pahali gorsel efektleri devre disi birakir. Masaustu
   gorunumu degismez.

   Mobilde kasmanin ana nedenleri:
   1) backdrop-filter: blur(...)  -> her kaydirmada GPU'yu yeniden
      hesaplamaya zorlar; telefonlarda en agir CSS ozelligidir.
   2) sonsuz (infinite) animasyonlar -> ekranda gorunmese bile surekli
      kare uretir, pili ve CPU'yu tuketir.
   3) buyuk golgeler + saydamlik katmanlari -> boyama (paint) maliyeti.
   =================================================================== */

@media (max-width: 1024px) {
  /* 1) Bulaniklik (blur) efektlerini kapat, yerine duz opak zemin ver.
        Gorunum neredeyse ayni, kaydirma akiciligi belirgin sekilde artar. */
  .site-header,
  .site-header.scrolled,
  .nav-menu,
  .search-overlay,
  .glass,
  .glass-card,
  [class*="glass"] {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  .site-header, .site-header.scrolled { background: rgba(255, 255, 255, 0.98) !important; }
  .nav-menu { background: #ffffff !important; }
  .search-overlay { background: rgba(10, 15, 28, 0.88) !important; }

  /* 2) Sonsuz dongulu dekoratif animasyonlari durdur.
        Yukleniyor gostergeleri (spinner) calismaya devam eder. */
  .ua-pulse-dot,
  .neon-pulse,
  [class*="shimmer"],
  [class*="pulse"]:not(.spinner):not([class*="load"]) {
    animation: none !important;
  }

  /* 3) Agir golgeleri hafiflet (boyama maliyetini dusurur). */
  .card, .complaint-card, .story-card, .blog-card, .stat-card {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) !important;
  }

  /* 4) Kaydirma sirasinda gereksiz yeniden hesaplamayi engelle:
        her kart kendi boyama alanina alinir. */
  .complaint-card, .story-card, .blog-card, .ua-card {
    contain: layout paint style;
  }

  /* 5) Ekran disindaki uzun listeler bosa render edilmesin. */
  .card-grid > *, .list-grid > * {
    content-visibility: auto;
    contain-intrinsic-size: 220px;
  }

  /* 6) Mobilde hover gecisleri islevsizdir; kaldirmak dokunma
        tepkisini hizlandirir. */
  a, button, .btn, .card, .badge {
    transition-duration: 0.12s !important;
  }
}

/* Dokunmatik cihazlarda sabit (fixed) arka plan kaydirmayi cok yavaslatir. */
@media (hover: none) {
  * { background-attachment: scroll !important; }
}

/* Kullanici sisteminde "hareketi azalt" acikse tum animasyonlari kapat.
   Hem erisilebilirlik hem performans kazanci. */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* Gorseller yuklenirken sayfa ziplamasin (CLS duzeltmesi). */
img { max-width: 100%; height: auto; }