/* ============================================================================
   DRM Budget — Global Tipografi (Carlito / Calibri)
   #1 & #6: Tüm uygulamada profesyonel, daha yumuşak (az kalın) yazı tipi.
   Carlito, Calibri'nin metrik-uyumlu açık klonudur. CDN erişilemezse Windows
   kullanıcıları gerçek Calibri'yi görür (fallback zinciri).
   ============================================================================ */

@import url('https://fonts.cdnfonts.com/css/carlito');

:root {
    --drm-font: 'Carlito', 'Calibri', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    --drm-font-mono: 'Space Mono', 'JetBrains Mono', 'Consolas', monospace;
}

/* Temel gövde — kalıtım yoluyla çoğu metni kapsar */
html, body {
    font-family: var(--drm-font);
}

/* Metin taşıyan elemanları kapsa; ikon (FontAwesome / Syncfusion e-icons) ve
   monospace elemanlarını HARİÇ tut (ikonlar bozulmasın diye <i> seçilmez). */
h1, h2, h3, h4, h5, h6,
p, a, label, button, input, select, textarea, optgroup, option,
th, td, li, small, em, strong, b, blockquote, figcaption,
.e-control, .e-grid, .e-btn, .e-card, .e-dropdownbase,
div:not([class*="fa-"]):not(.e-icons):not([class*="e-icon"]):not([class*="icon"]),
span:not([class*="fa-"]):not(.e-icons):not([class*="e-icon"]):not([class*="icon"]) {
    font-family: var(--drm-font) !important;
}

/* Para / sayı hücrelerinde hizalı monospace korunur */
code, kbd, pre, samp,
[class*="mono"], .amount-cell {
    font-family: var(--drm-font-mono) !important;
}

/* NOT: İkonlar (FontAwesome <i>, Syncfusion .e-icons) bilerek hiçbir kuralda
   seçilmedi; kendi font-family'lerini korurlar. */

/* ── Aşırı kalınlıkları yumuşat — daha profesyonel görünüm ───────────────── */
h1, h2, h3, h4, h5, h6 { font-weight: 600 !important; }
strong, b,
.fw-bold, .fw-bolder, .fw-semibold,
.fw-700, .fw-800, .fw-900 { font-weight: 600 !important; }

/* Syncfusion grid başlıkları ve genel kalın vurgular */
.e-grid .e-headercell, .e-grid .e-headertext,
.e-grid .e-gridheader { font-weight: 600 !important; }

/* Bootstrap display başlıkları aşırı kalın gelir */
.display-1, .display-2, .display-3, .display-4, .display-5, .display-6 {
    font-weight: 600 !important;
}

/* ============================================================================
   Gezinme odağı — başlıkta görünür odak halkası ÇIKMASIN
   ----------------------------------------------------------------------------
   Routes.razor'daki <FocusOnNavigate Selector="h1" /> her sayfa geçişinde ilk
   h1'e programatik odak verir. Amacı erişilebilirlik: ekran okuyucu, sayfanın
   değiştiğini ve yeni başlığı kullanıcıya duyurur. Bunu KALDIRMIYORUZ.

   Ancak odak, kullanıcının bir eyleminden değil gezinmeden doğduğu için tarayıcı
   başlığın çevresine kutu çiziyordu ve metin "seçili kalmış" gibi görünüyordu.
   Başlıklar klavyeyle odaklanabilir denetim değildir (Blazor tabindex="-1" ekler),
   dolayısıyla halkayı gizlemek klavye kullanıcısından bir şey götürmez.

   Gerçek denetimlerin (buton, giriş, bağlantı) odak halkasına DOKUNULMAZ.
   ============================================================================ */

h1:focus,
h2:focus,
h3:focus,
[tabindex="-1"]:focus {
    outline: none;
    box-shadow: none;
}