/**
 * Tarayıcı Uyumluluk CSS
 * Edge, Chrome, Firefox, Safari için tutarlı görünüm sağlar
 */

/* ========================================
   CSS RESET / NORMALIZE - Temel düzeltmeler
   ======================================== */

/* Box-sizing reset - Tüm tarayıcılarda tutarlı */
*,
*::before,
*::after {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

/* Transform için GPU acceleration - Tüm tarayıcılar */
.transform-gpu {
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    will-change: transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

/* Smooth transition - Tüm tarayıcılar */
.transition-smooth {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

/* ========================================
   CHROME ÖZEL DÜZELTMELER
   ======================================== */

.browser-chrome {
    /* Chrome için özel düzeltmeler */
}

.browser-chrome * {
    /* Chrome'da transform için ekstra dikkat */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Chrome'da fixed position düzeltmesi */
.browser-chrome [style*="position: fixed"] {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

/* ========================================
   EDGE ÖZEL DÜZELTMELER
   ======================================== */

.browser-edge {
    /* Edge için özel düzeltmeler */
}

.browser-edge * {
    /* Edge'de font rendering */
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

/* Edge'de transform düzeltmesi */
.browser-edge [style*="transform"] {
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
}

/* ========================================
   FIREFOX ÖZEL DÜZELTMELER
   ======================================== */

.browser-firefox {
    /* Firefox için özel düzeltmeler */
}

.browser-firefox * {
    /* Firefox'da scrollbar düzeltmesi */
    scrollbar-width: thin;
    scrollbar-color: rgba(155, 155, 155, 0.5) transparent;
}

/* ========================================
   SAFARI ÖZEL DÜZELTMELER
   ======================================== */

.browser-safari {
    /* Safari için özel düzeltmeler */
}

.browser-safari * {
    /* Safari'de font rendering */
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

/* Safari'de transform düzeltmesi */
.browser-safari [style*="transform"] {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}

/* ========================================
   GENEL TARAYICI UYUMLULUK DÜZELTMELERİ
   ======================================== */

/* Transform için tüm prefix'ler */
.transform-apply {
    transform: var(--transform-value);
    -webkit-transform: var(--transform-value);
    -moz-transform: var(--transform-value);
    -ms-transform: var(--transform-value);
    -o-transform: var(--transform-value);
}

/* Transition için tüm prefix'ler */
.transition-apply {
    transition: var(--transition-value);
    -webkit-transition: var(--transition-value);
    -moz-transition: var(--transition-value);
    -o-transition: var(--transition-value);
}

/* Flexbox için tüm prefix'ler */
.flex-apply {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

/* Grid için tüm prefix'ler */
.grid-apply {
    display: -ms-grid;
    display: grid;
}

/* User select için tüm prefix'ler */
.user-select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Appearace için tüm prefix'ler */
.appearance-none {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* ========================================
   MOBİL TARAYICI DÜZELTMELERİ
   ======================================== */

@media (max-width: 768px) {
    /* iOS Safari için düzeltmeler */
    @supports (-webkit-touch-callout: none) {
        body {
            -webkit-touch-callout: none;
            -webkit-tap-highlight-color: transparent;
        }
        
        button,
        a {
            -webkit-tap-highlight-color: transparent;
        }
    }
    
    /* Android Chrome için düzeltmeler */
    @supports (-webkit-appearance: none) {
        body {
            -webkit-overflow-scrolling: touch;
        }
    }
}

/* ========================================
   OVERFLOW DÜZELTMELERİ
   ======================================== */

/* Tüm tarayıcılarda overflow davranışı */
.overflow-auto {
    overflow: auto;
    -webkit-overflow-scrolling: touch; /* iOS için */
}

.overflow-hidden {
    overflow: hidden;
    -webkit-overflow-scrolling: auto; /* iOS için */
}

/* ========================================
   Z-INDEX STACKING CONTEXT DÜZELTMELERİ
   ======================================== */

/* Tüm tarayıcılarda z-index tutarlılığı */
.z-index-fix {
    position: relative;
    z-index: 1;
    isolation: isolate; /* Yeni stacking context */
}

/* ========================================
   FIXED POSITION DÜZELTMELERİ
   ======================================== */

/* Tüm tarayıcılarda fixed position düzeltmesi */
.fixed-position {
    position: fixed;
    -webkit-transform: translateZ(0); /* GPU acceleration */
    transform: translateZ(0);
}

/* ========================================
   ANIMATION DÜZELTMELERİ
   ======================================== */

/* Tüm tarayıcılarda animation prefix'leri */
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@-webkit-keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@-moz-keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@-o-keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}