/**
 * header_style_general.css
 * Base styles for the fixed site header.
 * Height and padding are overridden per breakpoint.
 * Navigation layout is in header_style_desktop.css / header_style_mobile.css.
 */

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

.site-header {
    height: var(--header-height, 70px);

    display: flex;
    align-items: center;
    justify-content: space-between;

    background: var(--color-bg-white);
    border-bottom: 1px solid var(--color-border);

    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;

    /* Horizontal padding: mobile-first value; desktop overrides in header_style_desktop.css */
    padding: 0 16px;
}

/* Logo: fixed at 74px (original 54px + 20px as requested) */
.header-logo img {
    height: calc(var(--header-height, 120px) + 16px);
    width: auto;
    display: block;
}