/* ════════════════════════════════════════════════════════════════
   Mavrion — Admin tema override'ları (Veltrix üzerine)
   HMVC: tema CSS'i (app.min.css/dark-mode.css) ASLA düzenlenmez,
   özel ayarlar bu dosyada toplanır. master.php'de tema CSS'inden
   SONRA yüklenir → kazanır.
═══════════════════════════════════════════════════════════════════ */

/* ─── Marka kutusu (sol üst logo alanı) ───────────────────────────
   Veltrix kutuya sidebar-dark-bg verir → topbar'dan farklı bir
   koyu zemin oluşur. Şeffaf yapıp topbar/header zeminiyle
   kaynaştırıyoruz; böylece hem koyu hem açık temaya uyumlu.

   ÖNEMLİ: .logo / .logo-dark / .logo-light DISPLAY'ine DOKUNMUYORUZ.
   Aksi halde Veltrix'in tema/duruma göre gizlediği ikinci logo da
   görünür ve "çift logo" oluşur (özellikle mobilde). Sadece zemin
   ve görsel boyutu ayarlanır. */
.navbar-brand-box {
    background: transparent !important;
}
/* Emblem + tema-duyarlı "Mavrion" yazısı (wordmark PNG beyaz-only).
   display zorlamasını YALNIZCA masaüstünde (≥993px) ve sidebar açıkken uygula.
   - Mobilde (≤992px) Veltrix logo-lg'yi gizler → SADECE logo-sm (emblem) görünür.
   - Collapsed (simge) durumda da Veltrix logo-lg'yi gizler.
   Aksi halde mobilde logo-sm + logo-lg birlikte çıkıp "çift logo" olur. */
@media (min-width: 993px) {
    body:not(.vertical-collpsed) .navbar-brand-box .logo-lg {
        display: inline-flex !important;
        align-items: center;
        gap: .5rem;
    }
}
/* Mobil (≤992px): TEK ve tam logo (emblem + yazı). logo-sm gizli → çift logo yok. */
@media (max-width: 992px) {
    .navbar-brand-box .logo .logo-sm { display: none !important; }
    .navbar-brand-box .logo .logo-lg {
        display: inline-flex !important;
        align-items: center;
        gap: .5rem;
    }
}
.navbar-brand-box .logo-lg img,
.navbar-brand-box .logo-sm img {
    height: 38px !important;
    width: auto !important;
    object-fit: contain;
    filter: drop-shadow(0 2px 6px rgba(34,195,230,.3));
}
/* Collapsed (simge) durumda yalnızca emblem, ortalı ve küçük */
.vertical-collpsed .navbar-brand-box .logo-sm img {
    height: 34px !important;
}
.vertical-collpsed .navbar-brand-box .mav-brand-text {
    display: none !important;
}
.mav-brand-text {
    font-size: 1.25rem;
    font-weight: 900;
    letter-spacing: -.02em;
    line-height: 1;
}
.mav-brand-text .suf { color: #22c3e6; }                       /* "on" markaya özgü cyan */
/* Tek anchor — yazı rengi temaya göre */
.mav-brand-text { color: #1e293b; }                            /* açık tema → koyu yazı */
[data-bs-theme="dark"] .mav-brand-text,
html[data-bs-theme="dark"] .mav-brand-text { color: #ffffff; } /* koyu tema → beyaz yazı */