/**
 * Hanisin — Türkçe okunabilirlik katmanı
 * base.css'ten hemen sonra yüklenir.
 */

html {
    text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.65;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

h1, h2, h3, h4 {
    line-height: 1.28;
    text-wrap: balance;
    letter-spacing: -0.02em;
}

p, li, .alert, .auth-subtitle, .hero-desc {
    line-height: 1.65;
}

a, button, label, select, input, textarea {
    font-family: inherit;
}

/* Mobilde iOS otomatik zoom'u önle (min 16px) */
@media (max-width: 768px) {
    input[type="text"],
    input[type="email"],
    input[type="password"],
    input[type="search"],
    input[type="tel"],
    input[type="url"],
    input[type="number"],
    select,
    textarea {
        font-size: 16px;
    }
}

/* Küçük etiketler — Türkçe karakterler için minimum boyut */
.job-id-label,
.job-id-listing-label,
.job-venue-label,
.form-section-label,
.applicant-label,
.stat-label {
    font-size: 0.75rem !important;
    letter-spacing: 0.04em;
    line-height: 1.4;
}

/* Filtre ve form etiketleri */
.home-filter .filter-field label,
.filter-field label,
.form-group label,
.auth-form label {
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.45;
    color: var(--text-muted);
}

.home-filter .filter-field select,
.filter-field select,
.auth-form input,
.auth-form select,
.auth-form textarea {
    font-size: 0.9375rem;
    line-height: 1.5;
}

/* Kart başlıkları ve gövde metni */
.job-id-title,
.result-card__title {
    line-height: 1.4;
}

.job-id-excerpt,
.result-card__desc,
.empty-home p {
    font-size: 0.9375rem;
    line-height: 1.55;
}

/* Büyük harf etiketlerde İ, Ş, Ğ okunurluğu */
[class*="label"],
.tag,
.badge,
.step-item {
    word-spacing: 0.03em;
}

/* Kontrast — soluk metinleri biraz aç */
.hero-desc,
.auth-subtitle,
.section-more a,
.home-footer p {
    color: var(--text-muted);
    opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}
