/**
 * Ratz-GG shared branding — lilac / violet glow (use with .brand-ratz-gg)
 * Display text should read "Ratz-GG" (capital GG) in HTML.
 */
.brand-ratz-gg {
    font-weight: 800;
    letter-spacing: 0.04em;
    line-height: 1.15;
    color: #ddd6fe;
    background: linear-gradient(135deg, #faf5ff 0%, #e9d5ff 18%, #c4b5fd 45%, #a78bfa 72%, #8b5cf6 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(0 0 8px rgba(167, 139, 250, 0.9))
        drop-shadow(0 0 18px rgba(139, 92, 246, 0.55))
        drop-shadow(0 0 36px rgba(124, 58, 237, 0.28));
}

/* Slightly smaller for sidebars / nav */
.brand-ratz-gg--sm {
    font-size: 15px;
    letter-spacing: 0.03em;
}

.brand-ratz-gg--hub {
    font-size: clamp(32px, 5vw, 46px);
    letter-spacing: 0.08em;
    display: inline-block;
    margin-bottom: 6px;
}

/* Subtitle next to brand (e.g. NarakaTournaments, WWMTournaments) */
.brand-ratz-sub {
    font-family: 'Inter', system-ui, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    color: rgba(255, 255, 255, 0.45);
    line-height: 1.2;
}

.hub-brand-tagline {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.55);
    margin-top: 4px;
    letter-spacing: 0.04em;
}

/* Stacked logo + subtitle (NarakaTournaments / WWMTournaments) */
.nav-sidebar .sidebar-logo,
aside.nav-sidebar .sidebar-logo {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
}