/* =========================================================
   English version navigation tuning (e/ subfolder)
   Loaded AFTER the page's inline <style> so it overrides.
   Goal: keep the 8 English nav items on ONE line, beautifully.
   ========================================================= */
.navbar { padding: 0 4%; }

.nav-container {
    height: 66px;
    justify-content: flex-start;
}

/* Logo: keep it compact so the long English nav fits one line */
.logo { flex-shrink: 0; gap: 10px; }
.logo span {
    font-size: 1.15rem;
    font-weight: 800;
    letter-spacing: .2px;
    line-height: 1.1;
}

/* Nav links: grow to fill, push to the right, never wrap */
.nav-links {
    flex: 1 1 auto;
    justify-content: flex-end;
    gap: 24px;
    flex-wrap: nowrap;
    margin: 0;
}
.nav-links a {
    font-size: 0.92rem;
    white-space: nowrap;
    letter-spacing: .2px;
}

/* CTA button a touch tighter */
.nav-cta {
    padding: 8px 18px;
    font-size: 0.85rem;
    border-radius: 22px;
}

/* Right group: language switch + hamburger, glued to the far right */
.nav-right {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-left: 20px;
    flex-shrink: 0;
}
.lang-switch {
    display: inline-flex;
    align-items: center;
    color: #c9a227;
    font-weight: 700;
    font-size: 13px;
    white-space: nowrap;
    text-decoration: none;
    padding: 5px 13px;
    border: 1px solid rgba(201,162,39,0.45);
    border-radius: 18px;
    transition: all .25s ease;
}
.lang-switch:hover {
    background: rgba(201,162,39,0.12);
    color: #b08d1f;
}

/* Tighten progressively on narrower desktops, before the 900px mobile menu */
@media (max-width: 1180px) {
    .nav-links { gap: 16px; }
    .nav-links a { font-size: 0.85rem; }
    .logo span { font-size: 1rem; }
    .nav-right { margin-left: 14px; gap: 10px; }
}
@media (max-width: 1000px) {
    .nav-links { gap: 11px; }
    .nav-links a { font-size: 0.8rem; }
    .logo span { font-size: 0.92rem; }
}

/* On mobile the inline rules hide .nav-links and show .menu-toggle.
   Keep the language switch visible next to the hamburger. */
@media (max-width: 900px) {
    .nav-right { margin-left: 0; }
}