/* Nav menü fix pozícióban a bal felső sarokban */
.nav-menu {
    position: fixed;
    top: 10px;
    left: 10px;
    z-index: 1100000; /* legyen mindig előtte */
    padding: 8px 12px;
    border-radius: 8px;
}

/* Breadcrumb elrendezés */
.breadcrumb {
    display: flex;
    align-items: center;
    gap: 0.5rem; /* távolság minden elem között */
    flex-wrap: wrap;
}

/* Link formázása a nav menüben */
.breadcrumb a {
    color: #f0f0f0;
    text-decoration: none;
    font-weight: 600;
    font-size: 1rem;
}

.breadcrumb a.nav-active {
    color: #03a9f4;       /* élénk kék szín, hogy kitűnjön */
    font-weight: 700;     /* vastagabb betű */
}

/* Elválasztó ( / ) stílus */
.breadcrumb .separator {
    color: #bbb;
    font-size: 1rem;
    font-weight: 400;
}

/* Hover effekt a linkre */
.breadcrumb a:hover {
    color: #4fc3f7;
}

/* Mobilnézet */
@media (max-width: 768px) {
    .nav-menu {
        margin-top: 2%;
        background-color: #0D1B2A;
    }
}