/**
 * DAF Marketplace — Header Base
 * Location: /wp-content/plugins/daf-marketplace/assets/css/header/header-base.css
 *
 * Purpose:
 * - Provide shared base styles for the modular plugin header.
 * - Define header shell wrappers, common spacing, logo base, icon base, and shared actions.
 * - Keep header styling lightweight, reusable, conflict-safe, and ready for row-specific files.
 */

/* ===== ELITE CONTAINER LOGIC (1400px LOCK) ===== */
.daf-mp-container { 
    width: 100%; 
    max-width: 1400px; 
    margin: 0 auto; 
    padding: 0 24px; 
}

.daf-mp-header { position: relative; background: #fff; z-index: 120; }
.daf-mp-header * { box-sizing: border-box; }
.daf-mp-header a, .daf-mp-header button, .daf-mp-header input, .daf-mp-header select { font: inherit; }
.daf-mp-header a { text-decoration: none; }
.daf-mp-header button { padding: 0; border: 0; background: transparent; cursor: pointer; }
.daf-mp-header svg { display: block; width: 100%; height: 100%; }
.daf-mp-header__desktop, .daf-mp-header__mobile { width: 100%; }
.daf-mp-header__topbar, .daf-mp-header__main, .daf-mp-header__nav, .daf-mp-header__mobile-bar, .daf-mp-header__mobile-search { width: 100%; }
.daf-mp-header__topbar-inner, .daf-mp-header__main-inner, .daf-mp-header__nav-inner, .daf-mp-header__mobile-bar-inner { width: 100%; }
.daf-mp-header__topbar-inner, .daf-mp-header__topbar-left, .daf-mp-header__topbar-right, .daf-mp-header__main-inner, .daf-mp-header__branding, .daf-mp-header__search, .daf-mp-header__right, .daf-mp-header__actions, .daf-mp-header__cta, .daf-mp-header__nav-inner, .daf-mp-header__nav-primary, .daf-mp-header__nav-secondary, .daf-mp-header__mobile-bar-inner, .daf-mp-header__mobile-toggle, .daf-mp-header__mobile-branding, .daf-mp-header__mobile-actions { display: flex; align-items: center; }
.daf-mp-header__search, .daf-mp-header__nav-primary, .daf-mp-header__mobile-branding { min-width: 0; }
.daf-mp-header__branding, .daf-mp-header__actions, .daf-mp-header__cta, .daf-mp-header__nav-secondary, .daf-mp-header__mobile-toggle, .daf-mp-header__mobile-actions { flex: 0 0 auto; }
.daf-mp-header__search, .daf-mp-header__nav-primary { flex: 1 1 auto; }
.daf-mp-header__right { justify-content: flex-end; }

.daf-mp-header-logo { display: inline-flex; align-items: center; gap: 10px; color: #0F172A; line-height: 1; }
.daf-mp-header-logo:hover { color: #0F172A; }
.daf-mp-header-logo__image { display: block; max-width: 100%; height: auto; }
.daf-mp-header-logo__text { display: inline-block; font-size: 20px; font-weight: 800; letter-spacing: -.02em; line-height: 1; }

.daf-mp-header-actions, .daf-mp-mobile-actions, .daf-mp-topbar-links, .daf-mp-header-quick-links__list, .daf-mp-header-nav__menu { display: flex; align-items: center; }
.daf-mp-header-actions, .daf-mp-mobile-actions { margin: 0; padding: 0; list-style: none; }
.daf-mp-topbar-links, .daf-mp-header-quick-links__list, .daf-mp-header-nav__menu { margin: 0; padding: 0; list-style: none; }

.daf-mp-header-action, .daf-mp-mobile-toggle, .daf-mp-mobile-search-toggle, .daf-mp-mobile-panel__close { position: relative; display: inline-flex; align-items: center; justify-content: center; line-height: 1; transition: .2s ease; }
.daf-mp-header-action__icon, .daf-mp-mobile-toggle__icon, .daf-mp-mobile-search-toggle__icon { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; }
.daf-mp-header-action__badge { position: absolute; display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; line-height: 1; }
.daf-mp-header-action__text, .daf-mp-header-quick-links__text, .daf-mp-topbar-links__text { white-space: nowrap; }

.daf-mp-header-cta-wrap { display: flex; align-items: center; }
.daf-mp-header-cta { display: inline-flex; align-items: center; justify-content: center; color: #fff; white-space: nowrap; transition: .2s ease; }
.daf-mp-header-cta:hover { color: #fff; }

.daf-mp-header-cta:focus-visible, .daf-mp-header-action:focus-visible, .daf-mp-topbar-links__item:focus-visible, .daf-mp-header-nav__link:focus-visible, .daf-mp-header-quick-links__link:focus-visible, .daf-mp-mobile-toggle:focus-visible, .daf-mp-mobile-search-toggle:focus-visible, .daf-mp-mobile-panel__close:focus-visible, .daf-mp-header-search-form__input:focus-visible, .daf-mp-header-search-form__select:focus-visible, .daf-mp-header-mobile-search-form__input:focus-visible { outline: 2px solid #2563EB; outline-offset: 2px; }

.daf-mp-mobile-panel[hidden] { display: none !important; }
.daf-mp-mobile-panel { position: fixed; inset: 0; z-index: 300; }
.daf-mp-mobile-panel__overlay { position: absolute; inset: 0; background: rgba(15, 23, 42, .42); }
.daf-mp-mobile-panel__dialog { position: relative; display: flex; flex-direction: column; width: min(92vw, 360px); height: 100%; margin-left: auto; overflow: auto; background: #fff; box-shadow: -10px 0 30px rgba(15, 23, 42, .12); }
.daf-mp-mobile-panel__header, .daf-mp-mobile-panel__search, .daf-mp-mobile-panel__nav, .daf-mp-mobile-panel__quick-links, .daf-mp-mobile-panel__footer { padding: 20px; }
.daf-mp-mobile-panel__header { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #E2E8F0; }
.daf-mp-mobile-panel__search, .daf-mp-mobile-panel__nav, .daf-mp-mobile-panel__quick-links { border-bottom: 1px solid #E2E8F0; }
.daf-mp-mobile-panel__quick-links .daf-mp-header-quick-links__list, .daf-mp-mobile-panel__nav .daf-mp-header-nav__menu, .daf-mp-mobile-panel__footer .daf-mp-topbar-links { display: flex; flex-direction: column; align-items: flex-start; width: 100%; gap: 14px; }

.screen-reader-text { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }