/* Header — sticky top bar with logo, nav, locale switcher, CTA. */
.site-header {
    position: sticky;
    top: 0;
    z-index: 50;
    background: rgba(245, 238, 221, .86);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(27, 42, 78, .08);
}
.site-header__row {
    max-width: 1180px;
    margin: 0 auto;
    padding: 10px 24px;
    display: flex;
    align-items: center;
    gap: 18px;
}
.site-header__logo { display: flex; align-items: center; flex: none; text-decoration: none; }
.site-header__logo img { height: 44px; width: auto; display: block; }

.site-nav {
    margin-inline-start: auto;
    display: flex;
    align-items: center;
    gap: 4px;
}
.site-nav a {
    text-decoration: none;
    color: var(--c-navy);
    font-weight: 600;
    font-size: 15px;
    padding: 8px 12px;
    border-radius: 7px;
}
.site-nav a:hover { background: rgba(27, 42, 78, .06); }

.locale-switcher {
    display: flex;
    gap: 2px;
    background: rgba(27, 42, 78, .06);
    padding: 3px;
    border-radius: 9px;
}
.locale-switcher a {
    padding: 5px 10px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-decoration: none;
    color: var(--c-navy);
    font-family: 'Inter', sans-serif;
}
.locale-switcher a.is-active { background: var(--c-navy); color: var(--c-cream); }

.site-header__cta {
    flex: none;
    text-decoration: none;
    background: var(--c-gold);
    color: var(--c-navy);
    padding: 10px 18px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 14px;
}
.site-header__cta:hover { background: var(--c-gold-dark); }

@media (max-width: 880px) {
    .site-nav { display: none; }
    .site-header__cta { display: none; }
}