/**
 * HyperDAF Core — Header Mobile
 * Location: /wp-content/themes/hyperdaf-core/assets/css/header/header-mobile.css
 *
 * Purpose:
 * - Style the compact mobile header bar.
 * - Style the mobile search area and offcanvas mobile panel.
 * - Keep the mobile header lightweight, clean, premium, and touch-friendly.
 *
 * Related PHP:
 * - /wp-content/themes/hyperdaf-core/header.php
 * - /wp-content/themes/hyperdaf-core/inc/header/header-mobile.php
 * - /wp-content/themes/hyperdaf-core/inc/header/header-search.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-nav.css
 * - /wp-content/themes/hyperdaf-core/assets/css/header/header-responsive.css
 */

.hdaf-header__mobile-bar,.hdaf-header__mobile-search{display:none;background:#fff}
.hdaf-header__mobile-bar{border-bottom:1px solid #E2E8F0}
.hdaf-header__mobile-bar-inner{display:flex;align-items:center;justify-content:space-between;min-height:70px;gap:12px}
.hdaf-header__mobile-toggle,.hdaf-header__mobile-actions{flex:0 0 auto}
.hdaf-header__mobile-branding{display:flex;align-items:center;justify-content:center;flex:1 1 auto;min-width:0}
.hdaf-mobile-toggle,.hdaf-mobile-search-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #E2E8F0;border-radius:12px;background:#fff;color:#0F172A;transition:border-color .2s ease,background .2s ease,color .2s ease,transform .2s ease}
.hdaf-mobile-toggle:hover,.hdaf-mobile-search-toggle:hover{background:#F8FAFC;border-color:#CBD5E1;color:#2563EB;transform:translateY(-1px)}
.hdaf-mobile-toggle__icon,.hdaf-mobile-search-toggle__icon{width:19px;height:19px;display:inline-flex;align-items:center;justify-content:center}
.hdaf-mobile-toggle__icon svg,.hdaf-mobile-search-toggle__icon svg{width:100%;height:100%}
.hdaf-mobile-branding{display:flex;align-items:center;justify-content:center;width:100%}
.hdaf-header-logo--mobile{display:inline-flex;align-items:center;justify-content:center;min-height:34px}
.hdaf-header-logo--mobile .hdaf-header-logo__image{display:block;max-height:34px;width:auto}
.hdaf-header-logo--mobile .hdaf-header-logo__text{font-size:22px;font-weight:800;letter-spacing:-.03em;line-height:1;color:#0F172A}
.hdaf-mobile-actions{display:flex;align-items:center;gap:8px}
.hdaf-mobile-actions .hdaf-header-action{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #E2E8F0;border-radius:12px;background:#fff;color:#0F172A;transition:border-color .2s ease,background .2s ease,color .2s ease,transform .2s ease}
.hdaf-mobile-actions .hdaf-header-action:hover{background:#F8FAFC;border-color:#CBD5E1;color:#2563EB;transform:translateY(-1px)}
.hdaf-mobile-actions .hdaf-header-action__icon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center}
.hdaf-mobile-actions .hdaf-header-action__icon svg{width:100%;height:100%}
.hdaf-mobile-actions .hdaf-header-action__badge{position:absolute;top:-4px;right:-4px;display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border:2px solid #fff;border-radius:999px;background:#F97316;color:#fff;font-size:10px;font-weight:700;line-height:1}
.hdaf-header__mobile-search{padding:0 0 12px;border-bottom:1px solid #E2E8F0}
.hdaf-header-mobile-search-form{padding-top:12px}
.hdaf-header-mobile-search-form__inner{display:flex;align-items:center;min-height:50px;border:1px solid #E2E8F0;border-radius:999px;background:#fff;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}
.hdaf-header-mobile-search-form__inner:focus-within{border-color:#CBD5E1;box-shadow:0 0 0 4px rgba(37,99,235,.08)}
.hdaf-header-mobile-search-form__input{flex:1 1 auto;width:100%;height:50px;padding:0 16px;border:0;background:transparent;color:#0F172A;font-size:14px;font-weight:500}
.hdaf-header-mobile-search-form__input::placeholder{color:#94A3B8;opacity:1}
.hdaf-header-mobile-search-form__input:focus{outline:0}
.hdaf-header-mobile-search-form__button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 46px;width:46px;height:46px;margin-right:2px;border:0;border-radius:999px;background:#0F172A;color:#fff;transition:background .2s ease,transform .2s ease}
.hdaf-header-mobile-search-form__button:hover{background:#111827;transform:translateY(-1px)}
.hdaf-header-mobile-search-form__button-icon{width:17px;height:17px;display:inline-flex;align-items:center;justify-content:center}
.hdaf-header-mobile-search-form__button svg,.hdaf-header-mobile-search-form__button-icon svg{width:100%;height:100%}
.hdaf-mobile-panel__dialog{max-width:360px;background:#fff}
.hdaf-mobile-panel__branding .hdaf-header-logo__image{max-height:34px}
.hdaf-mobile-panel__branding .hdaf-header-logo__text{font-size:22px;font-weight:800;letter-spacing:-.03em;color:#0F172A}
.hdaf-mobile-panel__nav .hdaf-header-nav,.hdaf-mobile-panel__quick-links .hdaf-header-quick-links{display:block;width:100%}
.hdaf-mobile-panel__nav .hdaf-header-nav__menu,.hdaf-mobile-panel__quick-links .hdaf-header-quick-links__list{display:block;width:100%;margin:0;padding:0}
.hdaf-mobile-panel__nav .hdaf-header-nav__item,.hdaf-mobile-panel__quick-links .hdaf-header-quick-links__item{width:100%}
.hdaf-mobile-panel__nav .hdaf-header-nav__link,.hdaf-mobile-panel__quick-links .hdaf-header-quick-links__link{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;padding:12px 0;color:#0F172A;font-size:15px;font-weight:600;line-height:1.4;border-bottom:1px solid #F1F5F9}
.hdaf-mobile-panel__nav .hdaf-header-nav__item:last-child>.hdaf-header-nav__link,.hdaf-mobile-panel__quick-links .hdaf-header-quick-links__item:last-child>.hdaf-header-quick-links__link{border-bottom:0}
.hdaf-mobile-panel__nav .hdaf-header-nav__item:first-child .hdaf-header-nav__link{padding-left:0}
.hdaf-mobile-panel__nav .hdaf-header-nav__item.current-menu-item>.hdaf-header-nav__link,.hdaf-mobile-panel__nav .hdaf-header-nav__item.current-menu-ancestor>.hdaf-header-nav__link,.hdaf-mobile-panel__nav .hdaf-header-nav__item.current_page_item>.hdaf-header-nav__link,.hdaf-mobile-panel__nav .hdaf-header-nav__item.current_page_parent>.hdaf-header-nav__link{color:#2563EB}
.hdaf-mobile-panel__nav .hdaf-header-nav__item.current-menu-item>.hdaf-header-nav__link:after,.hdaf-mobile-panel__nav .hdaf-header-nav__item.current-menu-ancestor>.hdaf-header-nav__link:after,.hdaf-mobile-panel__nav .hdaf-header-nav__item.current_page_item>.hdaf-header-nav__link:after,.hdaf-mobile-panel__nav .hdaf-header-nav__item.current_page_parent>.hdaf-header-nav__link:after{display:none}
.hdaf-mobile-panel__nav .hdaf-header-nav .menu-item-has-children>.hdaf-header-nav__link,.hdaf-mobile-panel__nav .hdaf-header-nav .page_item_has_children>.hdaf-header-nav__link{padding-right:24px}
.hdaf-mobile-panel__nav .hdaf-header-nav .menu-item-has-children>.hdaf-header-nav__link:before,.hdaf-mobile-panel__nav .hdaf-header-nav .page_item_has_children>.hdaf-header-nav__link:before{right:4px}
.hdaf-mobile-panel__nav .hdaf-header-nav .sub-menu,.hdaf-mobile-panel__nav .hdaf-header-nav .children{position:static;display:block;min-width:0;margin:0 0 8px;padding:0 0 0 14px;list-style:none;border:0;border-left:1px solid #E2E8F0;border-radius:0;box-shadow:none;background:transparent}
.hdaf-mobile-panel__nav .hdaf-header-nav .sub-menu a,.hdaf-mobile-panel__nav .hdaf-header-nav .children a{display:flex;align-items:center;padding:10px 0;background:transparent;color:#475569;font-size:14px;font-weight:500;line-height:1.4}
.hdaf-mobile-panel__nav .hdaf-header-nav .sub-menu a:hover,.hdaf-mobile-panel__nav .hdaf-header-nav .children a:hover{background:transparent;color:#0F172A}
.hdaf-mobile-panel__quick-links .hdaf-header-quick-links__link{justify-content:flex-start;gap:10px;padding:12px 0;border-radius:0;background:transparent}
.hdaf-mobile-panel__quick-links .hdaf-header-quick-links__icon{width:16px;height:16px;color:#64748B}
.hdaf-mobile-panel__quick-links .hdaf-header-quick-links__icon svg{width:100%;height:100%}
.hdaf-mobile-panel__quick-links .hdaf-header-quick-links__text{font-size:14px;font-weight:600;color:#334155}
.hdaf-mobile-panel__footer .hdaf-topbar-links{display:block;width:100%;margin:0;padding:0}
.hdaf-mobile-panel__footer .hdaf-topbar-links__item{display:flex;width:100%;min-height:44px;padding:12px 0;color:#475569;font-size:14px;font-weight:500;border-bottom:1px solid #F1F5F9}
.hdaf-mobile-panel__footer .hdaf-topbar-links__item:last-child{border-bottom:0}
.hdaf-mobile-panel__footer .hdaf-topbar-links--right .hdaf-topbar-links__item:before,.hdaf-mobile-panel__footer .hdaf-topbar-links--left .hdaf-topbar-links__item:before{display:none}