/* High DPI / 4K / 8K Ekranlar için Font Rendering Düzeltmeleri */

/* Tüm yüksek çözünürlüklü ekranlar için */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    body {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-rendering: optimizeLegibility;
    }
    
    * {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
}

/* 2K ve üzeri ekranlar için */
@media (min-width: 2560px) {
    html {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    
    body {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-rendering: optimizeLegibility;
        font-feature-settings: "kern" 1;
        font-kerning: normal;
    }
    
    /* Tüm başlıklar için */
    h1, h2, h3, h4, h5, h6 {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-rendering: optimizeLegibility;
        font-weight: 600;
        letter-spacing: -0.02em;
    }
    
    /* Paragraflar ve metinler için */
    p, span, div, a, li {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-rendering: optimizeLegibility;
    }
    
    /* Form elemanları için */
    input,
    textarea,
    select,
    button,
    .form-control,
    .form-select,
    .btn {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-rendering: optimizeLegibility;
        font-weight: 500;
    }
    
    /* Label'lar için */
    label,
    .form-label {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-rendering: optimizeLegibility;
        font-weight: 500;
    }
}

/* 4K ve üzeri ekranlar için ekstra düzeltmeler */
@media (min-width: 3840px) {
    body {
        font-weight: 500;
    }
    
    h1, h2, h3, h4, h5, h6 {
        font-weight: 700;
        letter-spacing: -0.03em;
    }
    
    /* Form elemanları için daha kalın font */
    input,
    textarea,
    select,
    .form-control,
    .form-select {
        font-weight: 600;
    }
    
    /* Butonlar için */
    button,
    .btn {
        font-weight: 700;
        letter-spacing: 0.01em;
    }
    
    /* Küçük metinler için */
    small,
    .small {
        font-weight: 500;
    }
}

/* İletişim bölümü özel düzeltmeler */
@media (min-width: 2560px) {
    #iletisim h2,
    #iletisim h3,
    #iletisim h4,
    #iletisim h5 {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-rendering: optimizeLegibility;
        font-weight: 700;
    }
    
    #iletisim .form-label {
        font-weight: 600;
    }
    
    #iletisim .form-control,
    #iletisim .form-select {
        font-weight: 500;
    }
    
    #iletisim .btn {
        font-weight: 700;
    }
    
    #iletisim p,
    #iletisim span {
        font-weight: 500;
    }
}

/* Retina ekranlar için özel ayarlar */
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (min--moz-device-pixel-ratio: 2),
       only screen and (-o-min-device-pixel-ratio: 2/1),
       only screen and (min-device-pixel-ratio: 2),
       only screen and (min-resolution: 192dpi),
       only screen and (min-resolution: 2dppx) {
    
    body {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    
    /* Tüm metinler için subpixel rendering'i kapat */
    * {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
}

/* Transform kullanılan elementlerde blur'u önle */
@media (min-width: 2560px) {
    * {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        backface-visibility: hidden;
        transform: translate3d(0, 0, 0);
    }
}
