/* Performance Fixes CSS */

/* Body scrollbar düzeltmesi */
html {
    overflow-y: scroll;
    scroll-behavior: smooth;
    height: 100%;
}

body {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    position: relative;
    min-height: 100vh;
    height: auto !important;
    margin: 0;
    padding: 0;
}

/* Mobil scroll düzeltmesi */
@media (max-width: 768px) {
    html, body {
        overflow-x: hidden !important;
        width: 100% !important;
        position: relative !important;
    }
    
    body {
        -webkit-overflow-scrolling: touch;
        overflow-y: auto !important;
        height: 100% !important;
    }
}

/* Container düzeltmeleri */
.container {
    overflow: visible !important;
}

.max-w-5xl {
    overflow: visible !important;
}

/* Navbar altındaki içerik için padding */
.content-with-navbar {
    padding-top: 80px !important;
}

/* Mobile için navbar padding */
@media (max-width: 768px) {
    .content-with-navbar {
        padding-top: 100px !important;
    }
}

/* Animasyon performansı */
.star {
    will-change: transform, opacity;
    backface-visibility: hidden;
    transform: translateZ(0);
}

.orb {
    will-change: transform;
    backface-visibility: hidden;
    transform: translateZ(0);
}

/* Scroll container düzeltmesi */
.scroll-container {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

/* Çift scrollbar önleme */
.no-double-scroll {
    overflow: hidden !important;
}

/* Navbar z-index düzeltmesi */
.navbar-modern {
    z-index: 9999 !important;
    position: fixed !important;
    top: 0 !important;
    width: 100% !important;
    backdrop-filter: blur(10px);
    background-color: rgba(0, 0, 0, 0.8) !important;
}

/* Profile sayfası için özel düzeltmeler */
.profile-content {
    padding-top: 100px !important;
    min-height: 100vh;
    overflow: visible !important;
}

/* Animated background düzeltmesi */
.animated-bg {
    min-height: 100vh !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

/* Photo grid mobil düzeltmesi */
@media (max-width: 768px) {
    .photo-grid-item {
        margin-bottom: 1rem;
    }
    
    /* Profile header mobile margin */
    .glass-effect.rounded-3xl {
        margin-top: 120px !important;
    }
}

/* Gradient mesh performans optimizasyonu */
.gradient-mesh {
    transform: translateZ(0);
    will-change: transform;
    backface-visibility: hidden;
}

/* Animasyon sayısını azalt */
@media (prefers-reduced-motion: reduce) {
    .star,
    .orb,
    .gradient-mesh {
        animation: none !important;
    }
}

/* GPU hızlandırma */
.animated-bg {
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
}

/* Mobil viewport düzeltmesi */
@supports (padding: env(safe-area-inset-top)) {
    body {
        padding-top: env(safe-area-inset-top);
        padding-bottom: env(safe-area-inset-bottom);
    }
}

/* iOS scroll bounce önleme */
@media (max-width: 768px) {
    html {
        position: relative;
        height: 100%;
    }
    
    body {
        position: relative;
        width: 100%;
        min-height: 100%;
        overflow-y: auto;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
    }
    
    .animated-bg {
        position: relative;
        width: 100%;
        min-height: 100vh;
    }
}


/* SweetAlert2 Scroll Prevention */
html.swal2-shown,
body.swal2-shown {
    overflow: hidden !important;
}

/* Popup açıkken scrollbar kaymasını önle */
.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
    padding-right: 0 !important;
}

/* iOS Safari için özel düzeltme */
@supports (-webkit-touch-callout: none) {
    body.swal2-shown {
        position: fixed !important;
        left: 0 !important;
        right: 0 !important;
    }
}