/**
 * DAF Marketplace — Header Main
 * Location: /wp-content/plugins/daf-marketplace/assets/css/header/header-main.css
 *
 * Purpose:
 * - Style the main white marketplace header row.
 * - Match the approved compact premium logo + left menu + search trigger + CTA direction.
 * - Keep the desktop header clean, balanced, and polished for the final two-row layout.
 */

.daf-mp-header__main { background: #fff; border-bottom: 1px solid #E2E8F0; }
.daf-mp-header__main-inner, .daf-mp-header__branding, .daf-mp-header-branding, .daf-mp-header__nav-primary--main, .daf-mp-header__right, .daf-mp-header__search, .daf-mp-header__cta, .daf-mp-header-cta-wrap, .daf-mp-header-search-trigger-wrap { display: flex; align-items: center; }
.daf-mp-header__main-inner { justify-content: flex-start; gap: 28px; min-height: 92px; padding: 0; }
.daf-mp-header__branding { flex: 0 0 auto; min-width: 0; }
.daf-mp-header-branding { justify-content: flex-start; }
.daf-mp-header-logo { display: inline-flex; align-items: center; min-height: 52px; }
.daf-mp-header-logo__image { display: block; max-height: 60px; width: auto; }
.daf-mp-header-logo__text { font-size: 32px; font-weight: 800; letter-spacing: -.03em; line-height: 1; color: #0F172A; }

.daf-mp-header__nav-primary--main { justify-content: flex-start; flex: 1 1 auto; min-width: 0; }
.daf-mp-header__nav-primary--main .daf-mp-header-nav { display: flex; align-items: center; justify-content: flex-start; width: 100%; }
.daf-mp-header__nav-primary--main .daf-mp-header-nav__menu { display: flex; align-items: center; justify-content: flex-start; gap: 20px; flex-wrap: nowrap; }
.daf-mp-header__nav-primary--main .daf-mp-header-nav__link { min-height: 92px; padding: 0 8px; color: #111827; font-size: 17px; font-weight: 600; letter-spacing: -.01em; line-height: 1; white-space: nowrap; }
.daf-mp-header__nav-primary--main .daf-mp-header-nav__link:hover, .daf-mp-header__nav-primary--main .daf-mp-header-nav__item.current-menu-item > .daf-mp-header-nav__link, .daf-mp-header__nav-primary--main .daf-mp-header-nav__item.current-menu-ancestor > .daf-mp-header-nav__link, .daf-mp-header__nav-primary--main .daf-mp-header-nav__item.current_page_item > .daf-mp-header-nav__link, .daf-mp-header__nav-primary--main .daf-mp-header-nav__item.current_page_parent > .daf-mp-header-nav__link { color: #0F172A; }
.daf-mp-header__nav-primary--main .daf-mp-header-nav__item.current-menu-item > .daf-mp-header-nav__link:after, .daf-mp-header__nav-primary--main .daf-mp-header-nav__item.current-menu-ancestor > .daf-mp-header-nav__link:after, .daf-mp-header__nav-primary--main .daf-mp-header-nav__item.current_page_item > .daf-mp-header-nav__link:after, .daf-mp-header__nav-primary--main .daf-mp-header-nav__item.current_page_parent > .daf-mp-header-nav__link:after { left: 8px; right: 8px; bottom: 13px; height: 2px; background: #0F172A; border-radius: 0; }

.daf-mp-header__right { justify-content: flex-end; gap: 18px; flex: 0 0 auto; margin-left: auto; }
.daf-mp-header__search { justify-content: center; flex: 0 0 auto; max-width: none; min-width: auto; }
.daf-mp-header-search-trigger { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border: 0; border-radius: 999px; background: transparent; color: #475569; transition: color .2s ease, background .2s ease; }
.daf-mp-header-search-trigger:hover { background: transparent; color: #0F172A; }
.daf-mp-header-search-trigger__icon { display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; line-height: 1; }
.daf-mp-header-search-trigger__icon svg { width: 100%; height: 100%; }

.daf-mp-header__cta { justify-content: flex-end; flex: 0 0 auto; }
.daf-mp-header-cta { display: inline-flex; align-items: center; justify-content: center; min-width: 0; min-height: 46px; padding: 0 22px; border: 1px solid #8BBE38; border-radius: 10px; background: #8BBE38; color: #fff; font-size: 16px; font-weight: 700; line-height: 1; transition: background .2s ease, border-color .2s ease, color .2s ease; }
.daf-mp-header-cta:hover { background: #7FB02F; border-color: #7FB02F; color: #fff; }
.daf-mp-header-cta__text { white-space: nowrap; }

.daf-mp-header__actions, .daf-mp-header-actions, .daf-mp-header-action, .daf-mp-header-action__icon, .daf-mp-header-action__badge, .daf-mp-header-action__text, .daf-mp-header__nav { display: none; }

@media (max-width: 1280px) {
    .daf-mp-header__main-inner { gap: 20px; }
    .daf-mp-header-logo__image { max-height: 54px; }
    .daf-mp-header__nav-primary--main .daf-mp-header-nav__menu { gap: 16px; }
    .daf-mp-header__nav-primary--main .daf-mp-header-nav__link { font-size: 16px; padding: 0 7px; }
    .daf-mp-header__right { gap: 14px; }
    .daf-mp-header-cta { min-height: 42px; padding: 0 18px; font-size: 15px; }
}

@media (max-width: 1100px) {
    .daf-mp-header__main-inner { gap: 14px; }
    .daf-mp-header-logo__image { max-height: 48px; }
    .daf-mp-header__nav-primary--main .daf-mp-header-nav__menu { gap: 10px; }
    .daf-mp-header__nav-primary--main .daf-mp-header-nav__link { font-size: 14px; padding: 0 6px; }
    .daf-mp-header-search-trigger { width: 40px; height: 40px; }
    .daf-mp-header-cta { min-height: 40px; padding: 0 16px; font-size: 14px; }
}

@media (max-width: 1024px) {
    .daf-mp-header__main { display: none; }
}