/* Ortak site bölümleri — hub + software + electronics + motosocial */

.site-realm-nav {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1001;
    background: rgba(15, 23, 42, 0.92);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    font-size: 0.8125rem;
}

.site-realm-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0.5rem 1.25rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.realm-home {
    color: rgba(255, 255, 255, 0.9);
    text-decoration: none;
    font-weight: 600;
    letter-spacing: 0.02em;
}

.realm-home:hover {
    color: #fff;
}

.theme-hub .realm-home.is-current {
    color: #93c5fd;
}

.realm-links {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    flex-wrap: wrap;
}

.realm-link {
    color: rgba(255, 255, 255, 0.65);
    text-decoration: none;
    padding: 0.35rem 0.75rem;
    border-radius: 6px;
    transition: color 0.2s ease, background 0.2s ease;
}

.realm-link:hover {
    color: #fff;
    background: rgba(255, 255, 255, 0.08);
}

/* Aktif bölüm — tema renkleri */
.theme-software .realm-link.is-active {
    color: #30b0c7;
    background: rgba(48, 176, 199, 0.15);
}

.theme-electronics .realm-link.is-active {
    color: #fbbf24;
    background: rgba(251, 191, 36, 0.12);
}

.theme-motosocial .realm-link.is-active {
    color: #f97316;
    background: rgba(249, 115, 22, 0.15);
}

/* Software sayfası: mevcut sabit navbar realm çubuğunun altında */
body.theme-software .navbar {
    top: 40px;
}

@media (max-width: 768px) {
    .site-realm-inner {
        padding: 0.45rem 0.85rem;
    }

    .realm-links {
        width: 100%;
        justify-content: flex-start;
    }
}