/* shared-header.css — top navigation bar used on all non-room pages */

.site-header {
    background: #003E7A;
    height: 56px;
    padding: 0 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 2px 8px rgba(0,30,70,0.18);
    position: sticky;
    top: 0;
    z-index: 100;
}

.site-header .wordmark {
    font-family: var(--font-body, 'IBM Plex Sans', system-ui, sans-serif);
    font-size: 17px;
    font-weight: 700;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
}

.site-header .wordmark-icon {
    width: 28px;
    height: 28px;
    background: #0080CC;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.site-header .header-org {
    font-size: 13px;
    font-weight: 400;
    color: #66B3E0;
}

.site-header .org-logo-header {
    height: 32px;
    width: auto;
    object-fit: contain;
    filter: brightness(0) invert(1);
    opacity: 0.85;
}