/* ajandatakip 3D marka + logo */
.site-brand {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    text-decoration: none !important;
    line-height: 1;
}
.site-brand__logo {
    width: 42px;
    height: 42px;
    object-fit: contain;
    border-radius: 10px;
    background: #fff;
    box-shadow:
        0 8px 16px rgba(15, 23, 42, 0.28),
        0 1px 0 rgba(255, 255, 255, 0.7) inset;
    flex-shrink: 0;
}
.site-brand__word {
    display: inline-flex;
    align-items: baseline;
    font-family: 'Outfit', 'Segoe UI', system-ui, sans-serif;
    font-weight: 800;
    font-size: 1.32rem;
    letter-spacing: -0.055em;
    line-height: 1;
}
.site-brand__ajanda,
.site-brand__takip {
    display: inline-block;
    transform: perspective(280px) rotateX(18deg);
    transform-origin: 50% 80%;
}

/* Koyu navbar */
.site-brand--dark .site-brand__ajanda {
    color: #f8fafc;
    text-shadow:
        0 1px 0 #94a3b8,
        0 2px 0 #64748b,
        0 3px 0 #475569,
        0 6px 10px rgba(0, 0, 0, 0.45);
}
.site-brand--dark .site-brand__takip {
    color: #38bdf8;
    text-shadow:
        0 1px 0 #0284c7,
        0 2px 0 #0369a1,
        0 3px 0 #0c4a6e,
        0 0 14px rgba(56, 189, 248, 0.45),
        0 6px 10px rgba(0, 0, 0, 0.4);
}

/* Açık zemin (footer, login) */
.site-brand--light .site-brand__ajanda {
    color: #0f2744;
    text-shadow:
        0 1px 0 #fff,
        0 2px 0 #94a3b8,
        0 3px 0 #64748b,
        0 6px 12px rgba(15, 23, 42, 0.22);
}
.site-brand--light .site-brand__takip {
    color: #1d7fe8;
    text-shadow:
        0 1px 0 #fff,
        0 2px 0 #1d4ed8,
        0 3px 0 #1e3a8a,
        0 0 12px rgba(29, 127, 232, 0.28),
        0 6px 12px rgba(15, 23, 42, 0.18);
}

.site-brand--compact .site-brand__logo {
    width: 36px;
    height: 36px;
}
.site-brand--compact .site-brand__word {
    font-size: 1.05rem;
}
.site-brand--compact .site-brand__ajanda {
    color: #f8fafc;
    text-shadow:
        0 1px 0 #94a3b8,
        0 2px 0 #64748b,
        0 3px 0 #475569,
        0 5px 8px rgba(0, 0, 0, 0.4);
}
.site-brand--compact .site-brand__takip {
    color: #38bdf8;
    text-shadow:
        0 1px 0 #0284c7,
        0 2px 0 #0369a1,
        0 0 12px rgba(56, 189, 248, 0.4);
}

.navbar .site-brand {
    padding: 0.15rem 0;
}
.navbar-brand.site-brand {
    font-size: inherit;
}

@media (max-width: 575.98px) {
    .site-brand__word { font-size: 1.12rem; }
    .site-brand__logo { width: 36px; height: 36px; }
}