/**
 * File: assets/css/frontend/header/navigation.css
 * Purpose: Styles the rounded premium marketplace navigation shell and right-side seller CTA.
 * Scope: Header row-three composition only; desktop and mobile menu internals live in assets/css/frontend/navigation/.
 * Related PHP: src/Frontend/Header/Components/NavigationRow.php
 * Related CSS: assets/css/frontend/navigation/desktop.css, assets/css/frontend/navigation/mobile.css
 * Related JS: assets/js/frontend/navigation/*.js
 * Package: HyperDAF Pro
 */

.hdf-site-header__navigation-row {
    display: flex;
    min-height: var(--hdf-header-nav-height, 2.875rem);
    height: var(--hdf-header-nav-height, 2.875rem);
    padding-block: .3125rem;
    padding-inline: 0;
    align-items: center;
    border-top: 1px solid var(--hdf-component-header-border);
    background: var(--hdf-color-surface);
}
.hdf-site-header__navigation-shell {
    height: auto;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}
.hdf-site-header__navigation-grid {
    display: grid;
    height: auto;
    min-height: 1.75rem;
    grid-template-columns: auto minmax(0, 1fr) auto;
    grid-template-areas: "department primary balance";
    align-items: center;
    gap: .35rem;
}
.hdf-site-header__department-zone,
.hdf-site-header__primary-zone,
.hdf-site-header__navigation-balance { min-width: 0; }
.hdf-site-header__department-zone { display: flex; grid-area: department; align-items: center; }
.hdf-site-header__department-zone:empty { display: none; }
.hdf-site-header__primary-zone { display: flex; grid-area: primary; align-items: stretch; justify-content: flex-start; }
.hdf-site-header__navigation-balance { display: flex; grid-area: balance; align-items: center; justify-content: flex-end; gap: .5rem; }
.hdf-site-header__navigation-row--center .hdf-site-header__primary-zone { justify-content: flex-start; }

.hdf-header-navigation-cta {
    display: inline-flex;
    min-height: 1.75rem;
    align-items: center;
    gap: .35rem;
    padding: .25rem .78rem;
    border: 1px solid color-mix(in srgb, var(--hdf-color-primary-strong) 22%, var(--hdf-color-border));
    border-radius: .5rem;
    background: color-mix(in srgb, var(--hdf-color-primary) 8%, var(--hdf-color-surface));
    color: var(--hdf-color-primary-strong);
    font-size: .72rem;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    transition: background-color 180ms ease, transform 180ms ease, border-color 180ms ease;
}
.hdf-header-navigation-cta:hover {
    background: color-mix(in srgb, var(--hdf-color-primary) 14%, var(--hdf-color-surface));
    color: var(--hdf-color-primary-strong);
    transform: translateY(-1px);
}
.hdf-header-navigation-cta .hdf-icon { width: .92rem; height: .92rem; }