/* ═══════════════════════════════════════════════════════════════════════════
   Yazı boyutu ölçeği — sitenin TEK yazı boyutu kaynağı (27 Eki 2026)

   Tema (style.bundle.css) kökü html{font-size:12px!important} yapıyor, yani 1rem = 12px.
   Sayfa CSS'lerinin bir kısmı kökü 16px sanıp rem ile yazılmıştı (.875rem → 10,5px),
   bir kısmı px ile (13,5px) — listeler ekrandan ekrana küçük/büyük görünüyordu.
   Ölçek bu yüzden px ile tanımlı ve kökten bağımsız.

   Kural: yeni CSS'te font-size için yalnız bu değişkenleri kullan
   (ikon/emoji gibi dekoratif boyutlar ve em/% ile göreli boyutlar hariç).
   Ayrıntı: /YAZI_BOYUTU_PLANI.md
   ═══════════════════════════════════════════════════════════════════════════ */

:root {
    /* Genel boy 11px — 27 Eki'de 13 / 12 / 11 / 10 tarayıcıda denenip seçildi.
       En küçük boy 10px: ikincil yazı, rozet ve yoğun ızgara 10'un altına inmez.
       (Denenen diğer ölçekler, 2xs/xs/sm/base/md: 13 → 10/11/12/13/14 · 12 → 10/10/11/12/13) */
    --fk-fs-2xs: 10px;   /* yoğun ızgaradaki ikincil satır, üst simge */
    --fk-fs-xs: 10px;    /* yoğun ızgara hücresi, rozet, küçük etiket */
    --fk-fs-sm: 10px;    /* ikincil/açıklama yazısı, tablo başlığı, küçük düğme, alt başlık */
    --fk-fs-base: 11px;  /* GENEL BOYUT: gövde, tablo hücresi, giriş kutusu, düğme */
    --fk-fs-md: 12px;    /* vurgulu satır, küçük bölüm başlığı */
    --fk-fs-lg: 14px;    /* kart / bölüm / pencere başlığı (11px gövdeyle; önce 16) */
    --fk-fs-xl: 16px;    /* sayfa başlığı (11px gövdeyle; önce 18) */
    --fk-fs-2xl: 20px;   /* özet kartı sayısı (11px gövdeyle; önce 22) */
    --fk-fs-3xl: 28px;   /* büyük gösterge sayısı */

    /* Anlamsal takma adlar */
    --fk-fs-body: var(--fk-fs-base);
    --fk-fs-td: var(--fk-fs-base);
    --fk-fs-th: var(--fk-fs-sm);
    --fk-fs-page-title: var(--fk-fs-xl);
    --fk-fs-page-subtitle: var(--fk-fs-sm);
    --fk-fs-card-title: var(--fk-fs-lg);
    --fk-fs-stat: var(--fk-fs-2xl);

    /* Bootstrap/Metronic bileşen değişkenleri ölçeğe bağlanıyor */
    --bs-body-font-size: var(--fk-fs-body);
}

/* Tema dar ekranda body'yi de 12px!important yapıyor; html (rem tabanı) 12px kalmalı. */
body {
    font-size: var(--fk-fs-body) !important;
}

/* ── Başlıklar ─────────────────────────────────────────────────────────────
   Metronic'te h1 ekran genişliğiyle büyüyor (calc(1.3rem + .6vw)) — sayfa başlıkları
   ekrandan ekrana 21–26px arasında oynuyordu. */
h1, .h1 { font-size: var(--fk-fs-page-title); }
h2, .h2 { font-size: var(--fk-fs-lg); }
h3, .h3 { font-size: var(--fk-fs-lg); }
h4, .h4 { font-size: var(--fk-fs-md); }
h5, .h5 { font-size: var(--fk-fs-md); }
h6, .h6 { font-size: var(--fk-fs-base); }

.card .card-header .card-title,
.card .card-header .card-title .card-label {
    font-size: var(--fk-fs-card-title);
}

.card .card-header .card-title .small,
.card .card-header .card-title small {
    font-size: var(--fk-fs-sm);
}

.modal-title { font-size: var(--fk-fs-lg); }

/* ── Düğmeler ve form ───────────────────────────────────────────────────── */
.btn { --bs-btn-font-size: var(--fk-fs-base); }
.btn-sm, .btn-group-sm > .btn { --bs-btn-font-size: var(--fk-fs-sm); }
.btn-lg, .btn-group-lg > .btn { --bs-btn-font-size: var(--fk-fs-md); }

.form-control,
.form-select,
.input-group-text { font-size: var(--fk-fs-base); }

.form-control-sm,
.form-select-sm,
.input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text,
.input-group-sm > .btn { font-size: var(--fk-fs-sm); }

.form-control-lg,
.form-select-lg { font-size: var(--fk-fs-md); }

.form-label { font-size: var(--fk-fs-base); }
/* .form-check-label, .dropdown-item ve .nav-link'e boy verilmiyor: tema da vermiyordu, üst öğeden
   (gövde 11px) alıyorlar. Sabit boy verilse `class="form-check-label small"` gibi kullanımlar büyürdü. */
.form-text,
.invalid-feedback,
.valid-feedback { font-size: var(--fk-fs-sm); }

/* ── Rozet, açılır menü, sekme, sayfalama ──────────────────────────────── */
.badge { --bs-badge-font-size: var(--fk-fs-xs); }
.badge.badge-sm { font-size: var(--fk-fs-2xs); }
.badge.badge-lg { font-size: var(--fk-fs-sm); }

.dropdown-menu { --bs-dropdown-font-size: var(--fk-fs-base); }
.dropdown-header { font-size: var(--fk-fs-sm); }

.pagination { --bs-pagination-font-size: var(--fk-fs-base); }
.pagination-sm { --bs-pagination-font-size: var(--fk-fs-sm); }
.page-item .page-link { font-size: var(--fk-fs-base); }

.tooltip { --bs-tooltip-font-size: var(--fk-fs-sm); }
.popover { --bs-popover-font-size: var(--fk-fs-sm); }

/* small / .small Bootstrap'teki gibi göreli (.875em) kalır: sabit boy verilse küçük bir
   bağlamın (ör. tablo başlığı) içindeki <small> ebeveyninden büyük görünürdü.
   11px gövdede .875em = 9,6px olduğundan en küçük boya (10px) taban veriliyor. */
small, .small { font-size: max(.875em, var(--fk-fs-2xs)); }

/* ── Tablolar ──────────────────────────────────────────────────────────────
   Tema .table:not(.table-bordered) td/th için font-size:inherit veriyor: hücreler gövdeden
   (11px), başlık satırı thead'den alır (style.bundle.css sonundaki "table thead" kuralı →
   --fk-fs-th). .table-bordered tablolar tables.css'teki kurallarla aynı boyuta gelir.
   Burada td/th'ye doğrudan boyut verilmiyor: (0,2,1) özgüllükte bir kural sayfaya özel
   yoğun ızgaraların (puantaj, vardiya planı) kendi boyutlarını ezerdi. */

/* Başlık hücresindeki sıralama düğmeleri başlık boyunda kalsın (.btn kendi gövde boyunu dayatıyordu). */
th .btn,
th button { font-size: inherit; }

/* ── Tema yardımcı boyut sınıfları ─────────────────────────────────────────
   fs-5…fs-9 metin için kullanılıyor; ölçeğe bağlandı. fs-1…fs-4 ikonlarda da
   kullanıldığı için olduğu gibi bırakıldı. */
.fs-5 { font-size: var(--fk-fs-md) !important; }
.fs-6 { font-size: var(--fk-fs-base) !important; }
.fs-7 { font-size: var(--fk-fs-sm) !important; }
.fs-8 { font-size: var(--fk-fs-xs) !important; }
.fs-9 { font-size: var(--fk-fs-2xs) !important; }