/* KHANYOS — 02-navigation.css | Styles séparés pour maintenance */
.site-header {
    background:#061c3a;
    color:#fff;
    position:sticky;
    top:0;
    z-index:50;
    border-bottom:1px solid #ffffff17
}

.header-inner {
    display:flex;
    justify-content:space-between;
    align-items:center;
    min-height:78px;
    gap:24px
}

.brand {
    display:inline-flex;
    align-items:center;
    gap:10px;
    color:#fff;
    font-size:1.3rem;
    font-weight:850;
    letter-spacing:.075em;
    white-space:nowrap
}

.brand:hover {
    color:#fff
}

.brand img {
    width:42px;
    height:42px;
    object-fit:contain
}

.main-nav {
    display:flex;
    align-items:center;
    gap:24px
}

.nav-links {
    display:flex;
    align-items:center;
    gap:22px;
    list-style:none;
    margin:0;
    padding:0
}

.nav-links a {
    font-size:.88rem;
    font-weight:650;
    color:#d9e5f5
}

.nav-links a:hover {
    color:#fff
}

.nav-cta {
    font-size:.84rem
}

.menu-toggle {
    display:none;
    background:none;
    border:0;
    padding:10px;
    cursor:pointer
}

.menu-toggle span {
    display:block;
    background:#fff;
    width:26px;
    height:2px;
    margin:5px
}

.skip-link {
    position:absolute;
    left:-9999px;
    top:0;
    background:#fff;
    color:#000;
    padding:10px;
    z-index:999
}

.skip-link:focus {
    left:10px
}