/**
 * File: assets/css/frontend/header/header.css
 * Purpose: Defines the premium marketplace Header shell, shared wide container, sticky state and focus treatment.
 * Scope: Header composition only; row-specific component styling belongs to sibling Header CSS files.
 * Related PHP: src/Frontend/Header/HeaderRenderer.php, src/Frontend/Header/HeaderPresentation.php
 * Related CSS: assets/css/foundation/tokens.css, assets/css/frontend/header/*.css
 * Related JS: assets/js/frontend/header/*.js
 * Package: HyperDAF Pro
 */

.hdf-site-header,
.hdf-site-header *,
.hdf-site-header *::before,
.hdf-site-header *::after { box-sizing: border-box; }

.hdf-site-header {
    --hdf-marketplace-shell-max: 97.5rem;
    position: relative;
    z-index: var(--hdf-z-index-dropdown);
    width: 100%;
    background: var(--hdf-component-header-surface);
    color: var(--hdf-color-text-primary);
    box-shadow: var(--hdf-component-header-shell-shadow);
    isolation: isolate;
}

.hdf-site-header--sticky { position: sticky; top: 0; z-index: var(--hdf-z-index-sticky); }
.admin-bar .hdf-site-header--sticky { top: var(--hdf-component-header-admin-bar-offset-desktop); }

.hdf-site-header__container {
    width: min(calc(100% - 8.375rem), var(--hdf-marketplace-shell-max));
    margin-inline: auto;
}

.hdf-site-header--dividers .hdf-site-header__top-row { border-bottom: var(--hdf-border-width-default) solid var(--hdf-component-header-border); }
.hdf-site-header--dividers .hdf-site-header__main-row { border-bottom: 0; }
.hdf-site-header--dividers .hdf-site-header__navigation-row { border-bottom: 0; }

.hdf-icon {
    display: inline-block;
    flex: 0 0 auto;
    vertical-align: middle;
    stroke: currentColor;
    vector-effect: non-scaling-stroke;
}

.hdf-site-header a,
.hdf-site-header button,
.hdf-site-header input,
.hdf-site-header select { outline-offset: var(--hdf-spacing-1); }

.hdf-site-header a:focus-visible,
.hdf-site-header button:focus-visible,
.hdf-site-header input:focus-visible,
.hdf-site-header select:focus-visible {
    outline: var(--hdf-component-focus-width, var(--hdf-border-width-strong)) solid var(--hdf-color-focus);
    box-shadow: var(--hdf-shadow-focus);
}

body.hdf-department-menu-open { overflow: hidden; }