.brightlab-site-header { background: var(--wp--custom--semantic--color--canvas); color: var(--wp--custom--semantic--color--text); border-bottom: 1px solid var(--wp--preset--color--neutral-100); }
.brightlab-site-header[data-sticky="true"] { position: sticky; top: 0; z-index: 1000; }
.brightlab-site-header[data-transparent="true"] { background: transparent; border-bottom-color: transparent; }
.brightlab-site-header__inner { display: flex; flex-wrap: wrap; align-items: center; gap: var(--wp--preset--spacing--30); min-height: var(--wp--custom--header--height); padding-block: var(--wp--preset--spacing--20); }
.brightlab-site-header__branding, .brightlab-site-header__utilities { display: flex; align-items: center; }
.brightlab-site-header__branding { flex: 0 1 auto; }
.brightlab-site-header__primary { flex: 1 1 100%; }
.brightlab-site-header__primary-panel, .brightlab-site-header__navigation { width: 100%; }
.brightlab-site-header__menu, .brightlab-site-header__menu .sub-menu { margin: 0; padding: 0; list-style: none; }
.brightlab-site-header__menu { display: flex; flex-direction: column; gap: var(--wp--preset--spacing--10); }
.brightlab-site-header__menu a { display: block; padding-block: var(--wp--preset--spacing--20); padding-inline: var(--wp--preset--spacing--30); color: inherit; text-decoration: none; border-radius: var(--wp--custom--radius--medium); }
.brightlab-site-header__menu .menu-item { position: relative; }
.brightlab-site-header__menu .sub-menu { display: grid; gap: var(--wp--preset--spacing--10); padding-top: var(--wp--preset--spacing--10); padding-left: var(--wp--preset--spacing--30); }
.brightlab-site-header__utilities { margin-left: auto; flex: 0 0 auto; gap: var(--wp--preset--spacing--20); }
.brightlab-site-header__toggle { display: inline-flex; align-items: center; justify-content: center; padding-block: var(--wp--preset--spacing--20); padding-inline: var(--wp--preset--spacing--30); color: inherit; background: var(--wp--custom--semantic--color--surface); border: 1px solid var(--wp--preset--color--neutral-100); border-radius: var(--wp--custom--radius--medium); cursor: pointer; }
.brightlab-site-header__toggle[hidden] { display: none; }
.brightlab-site-header__actions { display: inline-flex; align-items: center; gap: var(--wp--preset--spacing--20); }
.brightlab-site-header__menu a:focus-visible, .brightlab-site-header__toggle:focus-visible, .brightlab-site-header__actions a:focus-visible, .brightlab-site-header__actions button:focus-visible { outline: 2px solid var(--wp--custom--semantic--color--focus); outline-offset: 2px; }
@media (prefers-reduced-motion: no-preference) { .brightlab-site-header__primary-panel, .brightlab-site-header__menu a, .brightlab-site-header__toggle { transition: background-color var(--wp--custom--transition--fast), color var(--wp--custom--transition--fast), border-color var(--wp--custom--transition--fast); } }
@media (max-width: 1099px) { .brightlab-site-header[data-nav-enhanced="true"] .brightlab-site-header__toggle { display: inline-flex; } .brightlab-site-header[data-nav-enhanced="true"] .brightlab-site-header__primary-panel[hidden] { display: none; } }
@media (min-width: 1100px) { .brightlab-site-header__toggle { display: none; } .brightlab-site-header__inner { flex-wrap: nowrap; } .brightlab-site-header__primary { flex: 1 1 auto; } .brightlab-site-header__primary-panel { display: flex; justify-content: flex-end; } .brightlab-site-header__menu { flex-direction: row; align-items: center; flex-wrap: wrap; justify-content: flex-end; gap: var(--wp--preset--spacing--10); } .brightlab-site-header__menu .sub-menu { position: absolute; top: 100%; left: 0; z-index: 1001; min-width: 14rem; padding: var(--wp--preset--spacing--20); background: var(--wp--custom--semantic--color--canvas); border: 1px solid var(--wp--preset--color--neutral-100); border-radius: var(--wp--custom--radius--medium); display: none; } .brightlab-site-header__menu .menu-item:hover > .sub-menu, .brightlab-site-header__menu .menu-item:focus-within > .sub-menu { display: grid; } }