/**
 * HyperDAF Core — Header Responsive
 * Location: /wp-content/themes/hyperdaf-core/assets/css/header/header-responsive.css
 *
 * Purpose:
 * - Control responsive behavior for the modular marketplace header.
 * - Switch desktop rows to mobile header at the correct breakpoints.
 * - Fine-tune spacing, search width, nav density, and CTA sizing across devices.
 * - Support the updated compact premium header shell wrappers.
 *
 * Related PHP:
 * - /wp-content/themes/hyperdaf-core/header.php
 * - /wp-content/themes/hyperdaf-core/inc/header/header-search.php
 * - /wp-content/themes/hyperdaf-core/inc/header/header-navigation.php
 * - /wp-content/themes/hyperdaf-core/inc/header/header-mobile.php
 *
 * Related CSS:
 * - /wp-content/themes/hyperdaf-core/assets/css/header/header-base.css
 * - /wp-content/themes/hyperdaf-core/assets/css/header/header-topbar.css
 * - /wp-content/themes/hyperdaf-core/assets/css/header/header-main.css
 * - /wp-content/themes/hyperdaf-core/assets/css/header/header-nav.css
 * - /wp-content/themes/hyperdaf-core/assets/css/header/header-mobile.css
 */

.hdaf-header__desktop{display:block}
.hdaf-header__mobile{display:none}

@media (max-width:1399px){
.hdaf-header__main-inner{column-gap:16px}
.hdaf-header__right{gap:8px}
.hdaf-header-search-form__category{flex:0 0 168px;min-width:168px}
.hdaf-header-search-form__button{min-width:118px;padding:0 16px}
.hdaf-header-actions{gap:6px}
.hdaf-header-action{width:40px;height:40px}
.hdaf-header-cta{min-width:114px;padding:0 16px}
.hdaf-header-nav__menu{gap:6px}
.hdaf-header-nav__link{padding:0 10px}
.hdaf-header-quick-links__list{gap:4px}
.hdaf-header-quick-links__link{padding:0 8px}
}

@media (max-width:1199px){
.hdaf-header__desktop{display:none}
.hdaf-header__mobile{display:block}
.hdaf-header__mobile-bar{display:block}
.hdaf-header__mobile-search{display:block}
.hdaf-header__breadcrumb{display:block}
.hdaf-breadcrumb-wrap{padding:12px 0}
}

@media (min-width:768px) and (max-width:1199px){
.hdaf-header__mobile-bar-inner{min-height:74px}
.hdaf-header-logo--mobile .hdaf-header-logo__image{max-height:36px}
.hdaf-header-logo--mobile .hdaf-header-logo__text{font-size:24px}
.hdaf-header-mobile-search-form{max-width:100%}
.hdaf-header-mobile-search-form__inner{min-height:52px}
.hdaf-mobile-panel__dialog{width:min(76vw,380px)}
}

@media (max-width:767px){
.hdaf-header__mobile-bar-inner{min-height:64px;gap:10px}
.hdaf-mobile-toggle,.hdaf-mobile-search-toggle{width:42px;height:42px;border-radius:12px}
.hdaf-mobile-toggle__icon,.hdaf-mobile-search-toggle__icon{width:18px;height:18px}
.hdaf-header-logo--mobile .hdaf-header-logo__image{max-height:30px}
.hdaf-header-logo--mobile .hdaf-header-logo__text{font-size:20px}
.hdaf-header__mobile-search{padding-bottom:12px}
.hdaf-header-mobile-search-form{padding-top:12px}
.hdaf-header-mobile-search-form__inner{min-height:48px}
.hdaf-header-mobile-search-form__input{height:48px;padding:0 16px;font-size:14px}
.hdaf-header-mobile-search-form__button{flex:0 0 46px;width:46px;height:46px}
.hdaf-mobile-panel__dialog{width:min(88vw,340px)}
.hdaf-mobile-panel__header,.hdaf-mobile-panel__search,.hdaf-mobile-panel__nav,.hdaf-mobile-panel__quick-links,.hdaf-mobile-panel__footer{padding:16px}
.hdaf-mobile-panel__close{width:38px;height:38px;border-radius:10px}
.hdaf-breadcrumb{gap:8px;flex-wrap:wrap;font-size:13px}
}

@media (max-width:479px){
.hdaf-header__mobile-bar-inner{min-height:60px}
.hdaf-mobile-toggle,.hdaf-mobile-search-toggle{width:40px;height:40px}
.hdaf-header-logo--mobile .hdaf-header-logo__image{max-height:28px}
.hdaf-header-logo--mobile .hdaf-header-logo__text{font-size:18px}
.hdaf-header-mobile-search-form__input{font-size:13px}
.hdaf-mobile-panel__dialog{width:min(92vw,320px)}
.hdaf-mobile-panel__nav .hdaf-header-nav__link,.hdaf-mobile-panel__quick-links .hdaf-header-quick-links__link{min-height:44px;padding:10px 0;font-size:14px}
.hdaf-mobile-panel__footer .hdaf-topbar-links__item{padding:10px 0;font-size:13px}
}