/* ==========================================================================
   HEADER
   ========================================================================== */

.site-header {
    position: fixed;
    inset: 0 0 auto 0;
    z-index: var(--z-header);
    background: var(--header-bg);
    color: var(--header-color);
    transition: background var(--duration-base) ease, box-shadow var(--duration-base) ease;
}

.admin-bar .site-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .site-header { top: 46px; } }

.transparent-header .site-header:not(.is-scrolled) { background: transparent; }

.site-header.is-scrolled {
    background: var(--header-bg-scrolled);
    box-shadow: 0 1px 0 var(--color-border);
}

.site-header__inner {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: var(--space-7);
    height: var(--header-height);
}

.site-logo { flex-shrink: 0; }
.site-logo img { height: 28px; width: auto; }
.site-logo a { text-decoration: none; font-weight: 700; }