/* ========================================
   SEO FONT OPTIMIZATION - Google Önerileri
   Minimum 16px font, okunabilirlik
   ======================================== */

/* Root Font Size - Tüm sayfa için temel */
html {
    font-size: 16px !important; /* Google minimum önerisi */
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

/* Body - Minimum okunabilir font */
body {
    font-size: 16px !important;
    line-height: 1.6;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* Başlıklar - SEO için optimal boyutlar */
h1, .h1 {
    font-size: 2rem !important; /* 32px */
    line-height: 1.2;
    margin-bottom: 1rem;
}

h2, .h2 {
    font-size: 1.75rem !important; /* 28px */
    line-height: 1.3;
    margin-bottom: 0.875rem;
}

h3, .h3 {
    font-size: 1.5rem !important; /* 24px */
    line-height: 1.4;
    margin-bottom: 0.75rem;
}

h4, .h4 {
    font-size: 1.25rem !important; /* 20px */
    line-height: 1.4;
}

h5, .h5 {
    font-size: 1.125rem !important; /* 18px */
}

h6, .h6 {
    font-size: 1rem !important; /* 16px */
}

/* Paragraflar */
p {
    font-size: 1rem !important; /* 16px minimum */
    line-height: 1.6;
    margin-bottom: 1rem;
}

/* Linkler - Okunabilir */
a {
    font-size: 1rem !important; /* 16px minimum */
}

/* Butonlar ve Form Elemanları - iOS zoom engellemesi */
input, textarea, select, button {
    font-size: 16px !important; /* iOS zoom engellemesi için MUTLAKA 16px */
}

/* Küçük Metinler - Ama hala okunabilir */
small, .small {
    font-size: 0.875rem !important; /* 14px - minimum */
}

/* Mobile Responsive Font Scaling */
@media (max-width: 575px) {
    html {
        font-size: 16px !important; /* Mobile'da da minimum 16px */
    }
    
    h1 {
        font-size: 1.75rem !important; /* 28px */
    }
    
    h2 {
        font-size: 1.5rem !important; /* 24px */
    }
}

/* Tablet */
@media (min-width: 768px) and (max-width: 991px) {
    html {
        font-size: 16px !important;
    }
}

/* Desktop */
@media (min-width: 992px) {
    html {
        font-size: 18px !important; /* Desktop'ta biraz daha büyük */
    }
}

/* Accessibility - Contrast */
@media (prefers-contrast: high) {
    body {
        font-weight: 500; /* Daha kalın font */
    }
}