/* ============================================================
   isgRadar marka kilidi — tanıtım alt sayfaları (osgb / uzman /
   firma / uyelik). Uygulamadaki logonun aynısı:
   yuvarlak rozet + Lucide "Radar" ikonu + ISG RADAR büyük harf.

   İki varyant, uygulamadaki iki kullanımın karşılığı:
     .rdx-brand              → açık zemin (TenantLayout: lacivert rozet)
     .rdx-brand--on-dark     → koyu zemin (LoginPage: beyaz/%20 rozet)

   Ana sayfanın (index.html) kendi kuralları hero.css içindedir.
   Şablon CSS'inden SONRA yüklenir; bootstrap sınıflarını ezer.
   ============================================================ */

.rdx-brand {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    font-weight: 700;
    letter-spacing: -.02em;
    text-decoration: none;
    color: #123155;
}
.rdx-brand:hover,
.rdx-brand:focus-visible { color: #123155; }

.rdx-brand-badge {
    width: 32px;
    height: 32px;
    flex-shrink: 0;
    border-radius: 999px;
    background: #123155;
    color: #FFFFFF;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 1px 2px rgba(0,0,0,.08);
}
.rdx-brand-badge svg {
    width: 17px;
    height: 17px;
    display: block;
}

/* uyelik.html kendi <style> bloğunda `#navbar .navbar-caption { color:#3a41c4 !important }`
   veriyor. Logo sayfadan sayfaya renk değiştirmesin diye daha yüksek özgüllükle eziyoruz. */
#navbar .navbar-caption.rdx-brand { color: #123155 !important; }

/* Koyu zemin (footer) */
.rdx-brand--on-dark,
.rdx-brand--on-dark:hover,
.rdx-brand--on-dark:focus-visible { color: #FFFFFF; }
.rdx-brand--on-dark .rdx-brand-badge {
    background: rgba(255,255,255,.2);
    box-shadow: inset 0 2px 4px rgba(0,0,0,.06);
}