/* =====================================================================
   MOBILE PERFORMANS OVERRIDE — page-perf.css
   Tasarımı bozmadan düşük-end mobil cihazlarda GPU/CPU yükünü düşürür.
   - backdrop-filter blur'u azaltır (bazı Android'de 30 FPS jank yaratır)
   - decorative animation'ları durdurur (görünürlük korunur, sadece statik)
   - reduce-motion kullanıcı tercihine de saygı duyar
   ===================================================================== */

@media (max-width: 768px) {
    /* Header bar — saturate + blur(12px) -> blur(6px) */
    .site-header {
        backdrop-filter: saturate(140%) blur(6px) !important;
        -webkit-backdrop-filter: saturate(140%) blur(6px) !important;
    }

    /* Floating widget'larda blur azalt */
    .pr-float-item {
        backdrop-filter: blur(6px) !important;
        -webkit-backdrop-filter: blur(6px) !important;
        animation-duration: 9s !important;
    }

    /* Hero blob/glow animasyonlarını mobilde durdur */
    .blob-decor,
    .glow-orb,
    .pr-float-orb {
        animation: none !important;
    }

    /* Süslü pulse'lar mobilde gerek yok */
    .scroll-down-arrow,
    .live-dot { animation: none !important; }

    /* WhatsApp float hala atsın ama daha yavaş */
    .whatsapp-float { animation-duration: 4s !important; }
}

/* Çok dar ekranlarda (eski cihazlar) tüm dekoratif animasyonları kapat */
@media (max-width: 480px) {
    .pr-float-item,
    .bhw-ring,
    .bhw-pulse {
        animation: none !important;
    }
    .pr-float-item {
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        background: rgba(255, 255, 255, 0.08) !important;
    }
}

/* Kullanıcı sistem genelinde "azaltılmış hareket" istiyorsa saygı duy */
@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;
    }
}