/**
 * DAF Marketplace — Header Nav
 * Location: /wp-content/plugins/daf-marketplace/assets/css/header/header-nav.css
 *
 * Purpose:
 * - Style the reusable primary navigation for the compact two-row header.
 * - Keep active states, spacing, dropdowns, and quick links lightweight and polished.
 * - Preserve shared navigation support for mobile or other reusable plugin areas.
 */

.daf-mp-header__nav { display: none; }
.daf-mp-header-nav, .daf-mp-header-quick-links { display: flex; align-items: center; min-width: 0; }
.daf-mp-header-nav__menu, .daf-mp-header-quick-links__list { display: flex; align-items: center; margin: 0; padding: 0; list-style: none; }
.daf-mp-header-nav__menu { gap: 14px; flex-wrap: nowrap; }
.daf-mp-header-nav__item { position: relative; }
.daf-mp-header-nav__link { position: relative; display: inline-flex; align-items: center; min-height: 88px; padding: 0 8px; color: #0F172A; font-size: 16px; font-weight: 700; line-height: 1; white-space: nowrap; transition: color .2s ease; }
.daf-mp-header-nav__link:hover { color: #0F172A; }
.daf-mp-header-nav__link:after { content: ""; position: absolute; left: 8px; right: 8px; bottom: 10px; height: 2px; background: #0F172A; transform: scaleX(0); transform-origin: left center; transition: transform .2s ease; }
.daf-mp-header-nav__item:hover > .daf-mp-header-nav__link:after, .daf-mp-header-nav__item:focus-within > .daf-mp-header-nav__link:after, .daf-mp-header-nav__item.current-menu-item > .daf-mp-header-nav__link:after, .daf-mp-header-nav__item.current-menu-ancestor > .daf-mp-header-nav__link:after, .daf-mp-header-nav__item.current_page_item > .daf-mp-header-nav__link:after, .daf-mp-header-nav__item.current_page_parent > .daf-mp-header-nav__link:after { transform: scaleX(1); }
.daf-mp-header-nav__item.current-menu-item > .daf-mp-header-nav__link, .daf-mp-header-nav__item.current-menu-ancestor > .daf-mp-header-nav__link, .daf-mp-header-nav__item.current_page_item > .daf-mp-header-nav__link, .daf-mp-header-nav__item.current_page_parent > .daf-mp-header-nav__link { color: #0F172A; }
.daf-mp-header-nav .menu-item-has-children > .daf-mp-header-nav__link, .daf-mp-header-nav .page_item_has_children > .daf-mp-header-nav__link { padding-right: 22px; }
.daf-mp-header-nav .menu-item-has-children > .daf-mp-header-nav__link:before, .daf-mp-header-nav .page_item_has_children > .daf-mp-header-nav__link:before { content: ""; position: absolute; right: 8px; top: 50%; width: 7px; height: 7px; border-right: 1.7px solid currentColor; border-bottom: 1.7px solid currentColor; transform: translateY(-70%) rotate(45deg); }
.daf-mp-header-nav .sub-menu, .daf-mp-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; z-index: 60; }
.daf-mp-header-nav .menu-item:hover > .sub-menu, .daf-mp-header-nav .page_item:hover > .children { display: block; }
.daf-mp-header-nav .sub-menu a, .daf-mp-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; }
.daf-mp-header-nav .sub-menu a:hover, .daf-mp-header-nav .children a:hover { background: #F8FAFC; color: #0F172A; }

.daf-mp-header-quick-links__list { gap: 6px; flex-wrap: wrap; }
.daf-mp-header-quick-links__item { display: flex; align-items: center; }
.daf-mp-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; }
.daf-mp-header-quick-links__link:hover { background: #F8FAFC; border-color: #E2E8F0; color: #0F172A; }
.daf-mp-header-quick-links__icon { display: inline-flex; align-items: center; justify-content: center; width: 14px; height: 14px; color: #64748B; transition: color .2s ease; }
.daf-mp-header-quick-links__icon svg { width: 100%; height: 100%; }
.daf-mp-header-quick-links__link:hover .daf-mp-header-quick-links__icon { color: #0F172A; }
.daf-mp-header-quick-links__text { white-space: nowrap; }

@media (max-width: 1280px) {
    .daf-mp-header-nav__menu { gap: 10px; }
    .daf-mp-header-nav__link { font-size: 15px; padding: 0 7px; }
    .daf-mp-header-nav__link:after { left: 7px; right: 7px; }
}

@media (max-width: 1100px) {
    .daf-mp-header-nav__menu { gap: 4px; }
    .daf-mp-header-nav__link { font-size: 14px; padding: 0 6px; }
    .daf-mp-header-nav .menu-item-has-children > .daf-mp-header-nav__link, .daf-mp-header-nav .page_item_has_children > .daf-mp-header-nav__link { padding-right: 18px; }
    .daf-mp-header-nav .menu-item-has-children > .daf-mp-header-nav__link:before, .daf-mp-header-nav .page_item_has_children > .daf-mp-header-nav__link:before { right: 6px; width: 6px; height: 6px; }
}

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