/* Mobil Cihazlar İçin Özel CSS Düzeltmeleri */

/* iOS Safari viewport düzeltmeleri */
@supports (-webkit-touch-callout: none) {
    .min-h-screen {
        min-height: -webkit-fill-available;
        min-height: calc(var(--vh, 1vh) * 100);
    }
}

/* Android Chrome viewport düzeltmeleri */
@media screen and (max-width: 768px) {
    html, body {
        height: 100%;
        min-height: 100vh;
        min-height: -webkit-fill-available;
        overflow-x: hidden;
    }
    
    /* Touch optimizasyonları */
    * {
        -webkit-tap-highlight-color: transparent;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    
    /* Text seçimine izin ver */
    p, span, h1, h2, h3, h4, h5, h6, a, li, td, th {
        -webkit-user-select: text;
        -moz-user-select: text;
        -ms-user-select: text;
        user-select: text;
    }
    
    /* Input alanları için özel ayarlar */
    input, textarea, select {
        -webkit-user-select: text;
        -moz-user-select: text;
        -ms-user-select: text;
        user-select: text;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }
    
    /* Slider optimizasyonları */
    .slider-container {
        -webkit-overflow-scrolling: touch;
        scroll-behavior: smooth;
        overscroll-behavior: contain;
    }
    
    /* Mobil menü optimizasyonları */
    #mobile-menu {
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: contain;
        will-change: transform;
    }
    
    /* Mobil dropdown visibility fix */
    .mobile-dropdown-content.hidden {
        display: none !important;
    }
    
    .mobile-dropdown-content:not(.hidden) {
        display: block !important;
    }
    
    /* Transform performans optimizasyonları */
    .transition-transform,
    .transform,
    [class*="translate"],
    [class*="scale"],
    [class*="rotate"] {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        will-change: transform;
    }
    
    /* Scroll performansı */
    .overflow-y-auto,
    .overflow-y-scroll {
        -webkit-overflow-scrolling: touch;
        overscroll-behavior-y: contain;
    }
    
    /* Image loading optimizasyonları */
    img {
        -webkit-user-drag: none;
        -khtml-user-drag: none;
        -moz-user-drag: none;
        -o-user-drag: none;
        user-drag: none;
    }
    
    /* Font rendering optimizasyonları */
    body, * {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-rendering: optimizeLegibility;
    }
    
    /* Blur efektlerini mobilde azalt */
    .backdrop-blur-lg {
        backdrop-filter: blur(8px) !important;
    }
    
    .backdrop-blur-md {
        backdrop-filter: blur(4px) !important;
    }
    
    .backdrop-blur-sm {
        backdrop-filter: blur(2px) !important;
    }
    
    /* Shadow performansını optimize et */
    .shadow-2xl,
    .shadow-xl {
        box-shadow: 0 10px 25px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
    }
    
    /* Animation performansı */
    @media (prefers-reduced-motion: no-preference) {
        .animate-pulse {
            animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
        }
        
        .animate-bounce {
            animation: bounce 1s infinite;
        }
    }
    
    /* Mobil için hover efektlerini kapat */
    @media (hover: none) and (pointer: coarse) {
        .hover\:scale-105:hover {
            transform: none !important;
        }
        
        .hover\:shadow-lg:hover {
            box-shadow: none !important;
        }
        
        .group:hover .group-hover\:scale-110 {
            transform: none !important;
        }
    }
}

/* Landscape orientation optimizasyonları */
@media screen and (max-width: 768px) and (orientation: landscape) {
    html {
        height: 100vh;
        height: -webkit-fill-available;
    }
    
    body {
        min-height: 100vh;
        min-height: -webkit-fill-available;
    }
}

/* Very small screens (iPhone SE gibi) */
@media screen and (max-width: 375px) {
    .text-sm {
        font-size: 0.825rem !important;
    }
    
    .text-xs {
        font-size: 0.7rem !important;
    }
    
    .p-4 {
        padding: 0.75rem !important;
    }
    
    .px-4 {
        padding-left: 0.75rem !important;
        padding-right: 0.75rem !important;
    }
    
    .py-4 {
        padding-top: 0.75rem !important;
        padding-bottom: 0.75rem !important;
    }
}

/* Android specific fixes */
@media screen and (-webkit-min-device-pixel-ratio: 1) {
    .android-chrome body {
        position: relative;
    }
}