/**
 * HyperDAF Core — Header Nav
 * Location: /wp-content/themes/hyperdaf-core/assets/css/header/header-nav.css
 *
 * Purpose:
 * - Style the bottom navigation row of the marketplace header.
 * - Match the approved compact premium navigation direction with left main menu and right quick links.
 * - Keep active states, spacing, dropdowns, and quick links lightweight and polished.
 *
 * Related PHP:
 * - /wp-content/themes/hyperdaf-core/header.php
 * - /wp-content/themes/hyperdaf-core/inc/header/header-navigation.php
 *
 * Related CSS:
 * - /wp-content/themes/hyperdaf-core/assets/css/header/header-base.css
 * - /wp-content/themes/hyperdaf-core/assets/css/header/header-main.css
 * - /wp-content/themes/hyperdaf-core/assets/css/header/header-responsive.css
 */

.hdaf-header__nav{background:#fff;border-bottom:1px solid #E2E8F0}
.hdaf-header__nav-inner{display:flex;align-items:center;gap:18px;min-height:48px}
.hdaf-header__nav-primary,.hdaf-header__nav-secondary{min-width:0}
.hdaf-header__nav-primary{flex:1 1 auto}
.hdaf-header__nav-secondary{flex:0 0 auto;margin-left:auto}
.hdaf-header-nav{display:flex;align-items:center;min-width:0}
.hdaf-header-nav__menu{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.hdaf-header-nav__item{position:relative}
.hdaf-header-nav__link{position:relative;display:inline-flex;align-items:center;min-height:48px;padding:0 12px;color:#0F172A;font-size:14px;font-weight:600;line-height:1;white-space:nowrap;transition:color .2s ease}
.hdaf-header-nav__link:hover{color:#2563EB}
.hdaf-header-nav__item.current-menu-item>.hdaf-header-nav__link,.hdaf-header-nav__item.current-menu-ancestor>.hdaf-header-nav__link,.hdaf-header-nav__item.current_page_item>.hdaf-header-nav__link,.hdaf-header-nav__item.current_page_parent>.hdaf-header-nav__link{color:#0F172A}
.hdaf-header-nav__item.current-menu-item>.hdaf-header-nav__link:after,.hdaf-header-nav__item.current-menu-ancestor>.hdaf-header-nav__link:after,.hdaf-header-nav__item.current_page_item>.hdaf-header-nav__link:after,.hdaf-header-nav__item.current_page_parent>.hdaf-header-nav__link:after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:2px;border-radius:999px;background:#2563EB}
.hdaf-header-nav__item:first-child .hdaf-header-nav__link{padding-left:0}
.hdaf-header-nav__item:first-child.current-menu-item>.hdaf-header-nav__link:after,.hdaf-header-nav__item:first-child.current-menu-ancestor>.hdaf-header-nav__link:after,.hdaf-header-nav__item:first-child.current_page_item>.hdaf-header-nav__link:after,.hdaf-header-nav__item:first-child.current_page_parent>.hdaf-header-nav__link:after{left:0}
.hdaf-header-nav .menu-item-has-children>.hdaf-header-nav__link,.hdaf-header-nav .page_item_has_children>.hdaf-header-nav__link{padding-right:24px}
.hdaf-header-nav .menu-item-has-children>.hdaf-header-nav__link:before,.hdaf-header-nav .page_item_has_children>.hdaf-header-nav__link:before{content:"";position:absolute;right:10px;top:50%;width:6px;height:6px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:translateY(-70%) rotate(45deg)}
.hdaf-header-nav .sub-menu,.hdaf-header-nav .children{position:absolute;left:0;top:100%;display:none;min-width:220px;margin:0;padding:8px 0;list-style:none;background:#fff;border:1px solid #E2E8F0;border-radius:14px;box-shadow:0 10px 24px rgba(15,23,42,.08);z-index:50}
.hdaf-header-nav .menu-item:hover>.sub-menu,.hdaf-header-nav .page_item:hover>.children{display:block}
.hdaf-header-nav .sub-menu a,.hdaf-header-nav .children a{display:flex;align-items:center;padding:10px 14px;color:#334155;font-size:13px;font-weight:500;line-height:1.4;transition:background .2s ease,color .2s ease}
.hdaf-header-nav .sub-menu a:hover,.hdaf-header-nav .children a:hover{background:#F8FAFC;color:#0F172A}
.hdaf-header-quick-links{display:flex;align-items:center;min-width:0}
.hdaf-header-quick-links__list{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
.hdaf-header-quick-links__item{display:flex;align-items:center}
.hdaf-header-quick-links__link{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:0 10px;border:1px solid transparent;border-radius:999px;color:#334155;font-size:13px;font-weight:600;line-height:1;white-space:nowrap;transition:border-color .2s ease,background .2s ease,color .2s ease}
.hdaf-header-quick-links__link:hover{background:#F8FAFC;border-color:#E2E8F0;color:#2563EB}
.hdaf-header-quick-links__icon{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;color:#64748B;transition:color .2s ease}
.hdaf-header-quick-links__icon svg{width:100%;height:100%}
.hdaf-header-quick-links__link:hover .hdaf-header-quick-links__icon{color:#2563EB}
.hdaf-header-quick-links__text{white-space:nowrap}

@media (max-width:1200px){
.hdaf-header__nav-inner{gap:12px}
.hdaf-header-nav__menu{gap:4px}
.hdaf-header-nav__link{padding:0 10px;font-size:13px}
.hdaf-header-nav__item.current-menu-item>.hdaf-header-nav__link:after,.hdaf-header-nav__item.current-menu-ancestor>.hdaf-header-nav__link:after,.hdaf-header-nav__item.current_page_item>.hdaf-header-nav__link:after,.hdaf-header-nav__item.current_page_parent>.hdaf-header-nav__link:after{left:10px;right:10px}
.hdaf-header-quick-links__link{padding:0 8px;font-size:12px}
}

@media (max-width:1024px){
.hdaf-header__nav{display:none}
}