/* ============================================================================
   mor-brand.css — logo ve marka kilidi stilleri

   Kaynak logo büyük boyutlu bir PNG. Dosyayı küçültmüyoruz; görsel küçültme
   burada yapılıyor: yükseklik sabitleniyor, oran korunuyor, taşma engelleniyor.

   NOT: Dosya boyutu küçülmez — tarayıcı tam boyutlu PNG'yi indirip ölçekler.
   Sayfa ağırlığı sizin için önem kazanırsa logoyu 2-3 boyutta üretip
   wwwroot altından servis etmek gerekir (bkz. OKUBENI).
   ========================================================================== */

.mor-logo {
    display: block;
    width: auto;
    height: auto;
    object-fit: contain;          /* oranı bozmadan kutuya sığdır */
    object-position: left center;
    flex: 0 0 auto;
}

/* --- Boyut kademeleri (yükseklik sabit, genişlik oranla) --- */
.mor-logo-sm { max-height: 28px; max-width: 140px; }
.mor-logo-md { max-height: 40px; max-width: 200px; }
.mor-logo-lg { max-height: 64px; max-width: 280px; }

/* --- Koyu zemin (giriş ekranı, footer) ---
   Logonun kendi rengini bilmediğimiz için beyaz plaka güvenli çözüm:
   koyu logo da açık logo da okunur kalır. Site:LogoLightUrl tanımlarsanız
   bu plakayı kaldırabilirsiniz. */
.mor-logo-on-dark {
    background: #fff;
    padding: 8px 12px;
    border-radius: 12px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, .18);
}

/* --- Marka kilidi: logo + yazı --- */
.mor-brand-lock {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    color: inherit;
    min-width: 0;                 /* uzun isimlerde taşmayı engeller */
}

.mor-brand-text {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
    min-width: 0;
}

.mor-brand-name {
    font-weight: 700;
    font-size: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mor-brand-sub {
    font-size: 11.5px;
    opacity: .72;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* --- Giriş ekranı: ortalanmış, plakalı --- */
.login-head .mor-logo {
    margin: 0 auto 16px;
    object-position: center;
}

/* --- Yan menü: dar alanda taşma koruması --- */
#sidebar_header .mor-logo { max-width: 150px; }

/* --- Mobil: logoyu biraz daha küçült --- */
@media (max-width: 640px) {
    .mor-logo-md { max-height: 32px; max-width: 150px; }
    .mor-logo-lg { max-height: 44px; max-width: 200px; }
    .mor-brand-sub { display: none; }   /* dar ekranda alt satırı gizle */
}

/* --- Yazdırma: logo siyah-beyaz baskıda da görünsün --- */
@media print {
    .mor-logo-on-dark { background: none; box-shadow: none; padding: 0; }
}