/* ============================================================
   PUBLIKUS CÉGOLDAL · NAV — felső, ragadós menüsáv
   doc: docs/ceg-publikus-profil/10-…-2026-08-21.md §2.5

   A négy menüpont MINDIG látszik, és oldalon belül GÖRGET a szekciójához (horgony).
   ============================================================ */

.cp-nav {
    position: sticky;
    top: 0;
    z-index: 20;
    background: rgba(247, 250, 255, .82);   /* halvány kék üveg */
    -webkit-backdrop-filter: saturate(180%) blur(12px);   /* iOS Safari */
    backdrop-filter: saturate(180%) blur(12px);
    border-bottom: 1px solid var(--cp-glass-border);
}

/* ⭐ 2026-08-21 (user): a NÉV + a menüpontok EGY sorba folynak, chip-GOMBKÉNT. A linkeket a
   `display:contents` teszi a márkával azonos flex-szintre → együtt tördelnek, szépen elosztva. */
.cp-nav-inner {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 10px;
    min-height: var(--cp-nav-h);
    padding: 8px 0;
}

.cp-nav-brand {
    display: flex;
    align-items: center;
    gap: 9px;
    font-weight: 800;
    color: var(--cp-text);
    text-decoration: none;
    font-size: 1.02rem;
    margin-right: 6px;
}

.cp-nav-brand span { white-space: nowrap; }   /* a teljes név látszik */

.cp-nav-logo {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    object-fit: cover;
    background: #fff;
    flex-shrink: 0;
}

.cp-nav-links { display: contents; }

/* Chip-GOMB: halványkék háttér + kék keret + kék szöveg → egyértelműen kattintható. */
.cp-nav-links a {
    color: var(--cp-primary);
    text-decoration: none;
    font-weight: 600;
    font-size: .88rem;
    padding: 7px 14px;
    border-radius: 999px;
    border: 1px solid var(--cp-accent-border);
    background: var(--cp-accent-soft);
    white-space: nowrap;
    transition: background .15s ease, border-color .15s ease, color .15s ease, transform .1s ease;
}

.cp-nav-links a:hover {
    background: var(--cp-primary);
    border-color: var(--cp-primary);
    color: #fff;
    transform: translateY(-1px);
}

/* A horgony-ugrás ne bújjon a sticky sáv alá (a sáv magassága + kis levegő). */
#top, #bemutatkozas, #szolgaltatasok, #referenciak, #velemenyek, #kapcsolat {
    scroll-margin-top: calc(var(--cp-nav-h) + 12px);
}