/* layout-hub — ALTIN KURAL: inline <style> yasak; Shared/_HubLayout.cshtml den ayiklandi. */
        /* Font degiskeni (--font-brand) fonts-brand.css'te tanimli — onyuz+panel ortak, bkz. layout-hubpanel.css. */
        body { font-family: var(--font-brand); }
        [x-cloak] { display: none !important; }
        /* Motor içerik sayfaları (yasal vb.) için ortak başlık — hub turuncu strip. */
        .page-header { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }
        .page-header-strip { display: none; }
        .page-header-text { min-width: 0; flex: 1; }
        .page-header-title { font-size: 22px; font-weight: 700; color: #111827; line-height: 1.25; margin: 0; }
        .page-header-subtitle { font-size: 14px; color: #6b7280; margin: 4px 0 0; }
        @media (min-width: 1024px) {
            .page-header-title { font-size: 28px; }
            .page-header-subtitle { font-size: 15px; }
        }
        .modal-overlay { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); backdrop-filter:blur(4px); z-index:9999; align-items:center; justify-content:center; }
        .modal-overlay.active { display:flex !important; }
        .modal-container { background:#fff; max-width:480px; width:95%; box-shadow:0 25px 50px -12px rgba(0,0,0,0.25); display:flex; flex-direction:column; }
        .modal-header { display:flex; align-items:center; justify-content:space-between; padding:16px 20px; border-bottom:1px solid #e5e7eb; }
        .modal-title { display:flex; align-items:center; gap:8px; font-size:16px; font-weight:600; color:#111827; margin:0; }
        .modal-close { background:none; border:none; font-size:20px; cursor:pointer; color:#9ca3af; padding:0 4px; line-height:1; }
        .modal-body { padding:20px; font-size:14px; color:#475569; }
        .modal-footer { display:flex; padding:12px 20px; border-top:1px solid #e5e7eb; gap:8px; justify-content:flex-end; }
        .dt-footer-right { display:flex; gap:8px; }
        .btn { padding:8px 18px; font-size:14px; font-weight:600; border-radius:var(--radius, 6px); cursor:pointer; border:none; }
        .btn-secondary { background:#f3f4f6; color:#374151; border:1px solid #e5e7eb; }

/* Hub navbar: tek kırılım noktası (1180px). Altında tamamen sidebar (hamburger) —
   ara "iki satıra taşan" durum yok. Üstünde tek satır; satırın kendi içindeki
   boşluklar (container padding, hn-bar/hn-nav gap) clamp() ile ekran genişliğine
   göre akışkan. Gerçek taşma durumu artık hub-navbar-tasma.js + hn-tasma sınıfıyla
   (aşağıda) ölçülüyor — .hn-nav'da BİLEREK overflow-x:auto YOK: CSS'in "bir eksen
   auto ise diğeri de auto olur" kuralı yüzünden overflow-y'yi de auto'ya zorlar ve
   bu da mega-menu dropdown panellerini (top-full, .hn-nav'ın 80px'lik kutusunun
   dışına taşan) sessizce kırpardı — dropdown'lar tıklayınca "hiçbir şey olmuyor"
   gibi görünmesinin asıl sebebi buydu.
   Tailwind JIT (hub.css) her cshtml değişiminde yeniden üretilmediği için kırılım burada. */
.hn-logo img {
    height: 3rem;
    width: auto;
    max-width: 100%;
    object-fit: contain;
}
.hn-nav,
.hn-desk {
    display: none;
}
.hn-burger {
    display: block;
}
.hn-container {
    padding-left: clamp(1rem, 3vw, 4rem);
    padding-right: clamp(1rem, 3vw, 4rem);
}
@media (min-width: 1180px) {
    .hn-bar {
        flex-wrap: nowrap;
        height: 5rem;
        gap: clamp(0.5rem, 1vw, 2rem);
    }
    .hn-logo img { height: 3rem; }
    .hn-nav {
        display: flex;
        order: 0;
        width: auto;
        flex: 1 1 auto;
        min-width: 0;
        height: 100%;
        justify-content: flex-start;
        gap: clamp(0, 0.5vw, 1rem);
        border-top: 0;
    }
    .hn-desk--block { display: block; }
    .hn-desk--flex { display: flex; }
    .hn-burger { display: none; }
}
@media (min-width: 1536px) {
    .hn-logo img { height: 3.5rem; }
}

/* hn-tasma: 1180px sabit kırılımı bir TAHMİN — çeviri uzunluğu / oturum durumuna göre
   (ör. "Çözüm Masası") menü satırı üstünde bile taşabiliyordu. hub-navbar-tasma.js
   gerçek taşmayı ölçüp bu sınıfı .hn-bar'a ekliyor; üç sınıflı
   seçiciler (özgüllük 3) media sorgusundaki tek sınıflı kurallara (özgüllük 1) karşı
   media/sıra farkı gözetmeksizin kazanır. */
.hn-bar.hn-tasma .hn-nav,
.hn-bar.hn-tasma .hn-desk {
    display: none;
}
.hn-bar.hn-tasma .hn-burger {
    display: block;
}