@charset "UTF-8";

/* ================================================================
   TURKISH CHARACTER FIX - COMPREHENSIVE SOLUTION
   ================================================================
   
   Bu CSS dosyası Türkçe karakterlerin (ç, ğ, ı, ö, ş, ü ve büyükleri)
   doğru şekilde görüntülenmesini sağlar.
   
   Supports all Turkish characters:
   Lowercase: ç, ğ, ı, ö, ş, ü
   Uppercase: Ç, Ğ, İ, Ö, Ş, Ü
   ================================================================
*/

/* ========== UNIVERSAL FONT STACKS FOR TURKISH ========== */

/* Best fonts for Turkish character support, in order of preference */
:root {
    --font-primary: 'Inter', 'Poppins', 'Noto Sans', 'Segoe UI', 'Arial Unicode MS', system-ui, sans-serif;
    --font-secondary: 'Noto Sans', 'Segoe UI', sans-serif;
    --font-monospace: 'Courier New', monospace;
    
 /* Font features for proper character rendering */
    --font-features: "liga" 1, "calt" 1, "kern" 1;
}

/* ========== BASE ELEMENTS ========== */

html {
    charset: utf-8;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

body {
    font-family: var(--font-primary);
    font-feature-settings: var(--font-features);
  -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    line-height: 1.6;
    letter-spacing: 0.3px;
    -webkit-text-size-adjust: 100%;
}

/* ========== TYPOGRAPHY ========== */

h1, h2, h3, h4, h5, h6 {
    font-family: 'Poppins', var(--font-primary);
    font-feature-settings: var(--font-features);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

p, span, a, li, label, div, section, article, nav, header, footer {
    font-family: var(--font-primary);
    font-feature-settings: var(--font-features);
}

small, .small {
    font-family: var(--font-primary);
    font-feature-settings: var(--font-features);
}

strong, b, .bold {
    font-weight: 600;
}

em, i, .italic {
    font-style: italic;
}

code, pre, kbd {
    font-family: var(--font-monospace);
  font-feature-settings: "liga" 0;
}

/* ========== FORM ELEMENTS ========== */

input, textarea, select, button, .btn, .btn-primary, .btn-secondary, 
.btn-success, .btn-danger, .btn-warning, .btn-info, .btn-light, .btn-dark {
    font-family: var(--font-primary) !important;
    font-feature-settings: var(--font-features);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

input::placeholder, 
textarea::placeholder, 
select::placeholder {
    font-family: var(--font-primary);
    font-feature-settings: var(--font-features);
    opacity: 0.7;
}

/* ========== SPECIFIC TURKISH TEXT HANDLING ========== */

/* Apply to any element that contains Turkish text */
.turkish, 
[lang="tr"], 
[lang="tr-TR"],
.with-turkish-chars {
 font-family: var(--font-primary);
    font-feature-settings: var(--font-features);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/* Navigation and menu elements */
.navbar, .nav, .nav-link, .menu-item-has-children, 
.dropdown-menu, .dropdown-item {
    font-family: var(--font-primary);
    font-feature-settings: var(--font-features);
}

/* Language selector */
.language-selector, .lang-dropdown, .language-switcher {
    font-family: var(--font-primary);
    font-feature-settings: var(--font-features);
}

/* ========== TABLE ELEMENTS ========== */

table, thead, tbody, tfoot, th, td {
    font-family: var(--font-primary);
    font-feature-settings: var(--font-features);
}

/* ========== SPECIAL CASES ========== */

/* Data attributes - for dynamic Turkish content */
[data-i18n] {
    font-family: var(--font-primary);
    font-feature-settings: var(--font-features);
}

/* Ensure modals and dialogs support Turkish */
.modal-title, .modal-body, .modal-footer {
    font-family: var(--font-primary);
    font-feature-settings: var(--font-features);
}

/* Popover and tooltip content */
.popover-header, .popover-body,
.tooltip-inner {
    font-family: var(--font-primary);
  font-feature-settings: var(--font-features);
}

/* Alerts and badges */
.alert, .alert-heading, 
.badge, .label {
    font-family: var(--font-primary);
    font-feature-settings: var(--font-features);
}

/* ========== UTILITY CLASSES ========== */

.font-normal { font-weight: 400; }
.font-medium { font-weight: 500; }
.font-semibold { font-weight: 600; }
.font-bold { font-weight: 700; }

.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }

.letter-spacing-normal { letter-spacing: normal; }
.letter-spacing-wide { letter-spacing: 0.5px; }
.letter-spacing-wider { letter-spacing: 1px; }

/* ========== BROWSER-SPECIFIC FIXES ========== */

/* Webkit browsers (Chrome, Safari, Edge) */
@supports (-webkit-appearance: none) {
    html {
        -webkit-font-feature-settings: var(--font-features);
        -webkit-font-smoothing: antialiased;
        -webkit-text-rendering: optimizeLegibility;
    }
    
    body {
  -webkit-font-feature-settings: var(--font-features);
        -webkit-font-smoothing: antialiased;
    }
}

/* Firefox specific */
@-moz-document url-prefix() {
    html {
        -moz-font-feature-settings: "liga" on, "calt" on, "kern" on;
        -moz-osx-font-smoothing: grayscale;
     text-rendering: optimizeLegibility;
    }
    
    body {
        -moz-font-feature-settings: "liga" on, "calt" on, "kern" on;
        -moz-osx-font-smoothing: grayscale;
    }
}

/* ========== PERFORMANCE & ACCESSIBILITY ========== */

/* Reduce motion for those who prefer it */
@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
      transition-duration: 0.01ms !important;
    }
}

/* High contrast mode support */
@media (prefers-contrast: more) {
    body {
     font-weight: 500;
        letter-spacing: 0.5px;
    }
}

/* Dark mode support for Turkish characters */
@media (prefers-color-scheme: dark) {
 body {
 -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    }
}

/* ========== FALLBACK FOR MISSING FONTS ========== */

/* If Inter and Poppins fail to load, use system fonts */
@supports not (font-family: 'Inter') {
    body {
        font-family: system-ui, -apple-system, 'Segoe UI', 'Noto Sans', 'Arial Unicode MS', sans-serif;
    }
}

/* ========== FINAL SAFETY NET ========== */

/* Ensure ALL elements have proper Turkish character support */
* {
    font-family: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body * {
    font-family: var(--font-primary);
    font-feature-settings: var(--font-features);
}