/* =====================================================================
   mobile-performance.css
   ---------------------------------------------------------------------
   Mobil: kayma / donma / kasma engeli.
   - Yatay overscroll yok
   - Ağır blur/backdrop kapalı
   - Animasyon kısaltıldı / kapatıldı
   - Composite-only, paint thrash azaltıldı
   ===================================================================== */

/* ── Temel: tek eksen kaydırma, bounce kayması yok ─────────────────── */
html {
    scroll-behavior: auto !important; /* smooth = mobil jank */
    overscroll-behavior-x: none;
    -webkit-text-size-adjust: 100%;
}

body {
    overscroll-behavior-x: none;
    overscroll-behavior-y: contain;
    -webkit-overflow-scrolling: touch;
}

/* touch-action: pan-y body'de input/carousel kırar — sadece kaydırma kabuğunda */
html {
    touch-action: manipulation;
}

main,
.cs-full-container-1,
.page-wrapper {
    overflow-x: clip;
    overscroll-behavior-x: none;
}

/* iOS rubber-band yatay kayma */
html, body {
    width: 100%;
    max-width: 100%;
    position: relative;
}


/* ── Prefers reduced motion + mobil: ağır animasyonları kes ────────── */
@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;
    }
}

@media (max-width: 1023.98px) {
    html {
        scroll-behavior: auto !important;
    }

    /* Uzun / layout-riskli animasyonlar */
    .pr-reveal,
    .pr-reveal--sm,
    .pr-reveal--lg,
    .pr-reveal--fade,
    [class*="animate-"],
    .wow,
    .fadeIn,
    .fadeInUp {
        animation: none !important;
        transition: none !important;
        opacity: 1 !important;
        transform: none !important;
    }

    /* Kart hover transform = scroll jank */
    .p-home [class*="card"],
    .cs-car-box-1,
    .p-home-blog-card,
    .p-home-city-card,
    .p-home-campaign-card,
    .p-home-supplier-card {
        transition: border-color 0.15s ease, background 0.15s ease !important;
    }

    .p-home [class*="card"]:hover,
    .cs-car-box-1:hover,
    .p-home-blog-card:hover,
    .p-home-city-card:hover,
    .p-home-campaign-card:hover,
    .p-home-supplier-card:hover {
        transform: none !important;
        box-shadow: none !important;
    }

    /* Backdrop blur = GPU cinayet (Android özellikle) */
    .cs-sticky-header-1,
    .cs-mobile-menu-d-1,
    .cs-mobile-menu-d-1.active,
    body.mobile-overflow-h .cs-sticky-header-1,
    body.pr-scroll-locked .cs-sticky-header-1,
    .p-home .p-home-card,
    .p-home .owl-nav button,
    .header-transparent,
    .pr-glass {
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
        filter: none !important;
    }

    .cs-sticky-header-1,
    .cs-mobile-menu-d-1.active {
        background: #fff !important;
    }

    html.dark-mode .cs-sticky-header-1,
    html.dark-mode .cs-mobile-menu-d-1.active,
    body.dark-mode .cs-sticky-header-1,
    body.dark-mode .cs-mobile-menu-d-1.active,
    [data-theme="dark"] .cs-sticky-header-1,
    [data-theme="dark"] .cs-mobile-menu-d-1.active {
        background: #0c1220 !important;
    }

    /* will-change sürekli compositing = ısınma */
    .cs-sticky-header-1,
    .cs-sticky-header-1.is-scrolled,
    .cs-sticky-header-1.header-transparent {
        will-change: auto !important;
    }

    /* Owl / slider: soft paint */
    .owl-carousel,
    .owl-stage-outer,
    .owl-stage,
    .owl-item {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        backface-visibility: hidden;
    }

    .owl-carousel .owl-item,
    .owl-carousel .owl-stage-outer {
        touch-action: pan-x pan-y pinch-zoom;
    }

    /* Video otomatik oynatma yükü */
    video {
        max-height: 70vh;
    }

    video[autoplay] {
        /* mobil data/CPU koruması — poster kalsın */
    }

    /* Box-shadow thrash azalt */
    .cs-car-box-1,
    .p-home-card,
    .cs-comment-box-1,
    .modal-content {
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08) !important;
    }

    /* content-visibility: offscreen bölümleri boyama */
    .cs-homepage-sec-3,
    .cs-homepage-sec-4,
    .cs-homepage-sec-5,
    .cs-homepage-sec-6,
    .cs-homepage-sec-7,
    .cs-homepage-sec-8,
    .cs-footer-sec-1,
    footer {
        content-visibility: auto;
        contain-intrinsic-size: 1px 600px;
    }

    /* Contain: layout thrash sınırla */
    .cs-car-box-1,
    .p-home-card,
    .cs-comment-box-1,
    .blog-card,
    .select2-container,
    .leaflet-container {
        contain: layout paint;
    }

    /* Font smoothing maliyeti */
    body {
        -webkit-font-smoothing: antialiased;
        text-rendering: optimizeSpeed;
    }

    /* Fixed elemanlar: layer sabitle, scroll titreme azalt */
    #goTpButton,
    .cs-sticky-header-1,
    .cs-cookie-banner,
    body.page-rent-car footer.rent-page-footer {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        backface-visibility: hidden;
    }

    /* Yatay scroll alanları — dikey sayfa kaymasını bozmasın */
    .nav-tabs,
    .cs-navTabs-1,
    .pr-table-scroll,
    [class*="overflow-x"],
    .owl-stage-outer {
        overscroll-behavior-x: contain;
        -webkit-overflow-scrolling: touch;
    }
}


/* ── Çok zayıf cihaz / 320–430 ─────────────────────────────────────── */
@media (max-width: 430px) {
    /* Daha agresif: gölge ve blur tamamen kapalı */
    * {
        text-shadow: none !important;
    }

    .cs-sticky-header-1,
    .modal-content,
    .cs-car-box-1,
    .fmm-f-div-1 {
        box-shadow: none !important;
    }

    /* Leaflet tile thrash */
    .leaflet-container {
        image-rendering: auto;
    }

    .leaflet-tile-container img {
        will-change: auto !important;
    }
}


/* ── Touch: 300ms delay yok, yanlış yatay pan yok ──────────────────── */
@media (max-width: 1023.98px) {
    a, button, .btn, input, select, textarea, label {
        touch-action: manipulation;
    }

    /* Input focus zoom engeli (iOS) = layout jump */
    input, select, textarea, .form-control {
        font-size: 16px !important;
    }
}


/* ── Scrollbar gutter: menü açılınca kayma yok ─────────────────────── */
@supports (scrollbar-gutter: stable) {
    html {
        scrollbar-gutter: stable;
    }
}