/* =========================================================
   HyperDAF Core — Header Desktop
   Location: /wp-content/themes/hyperdaf-core/assets/css/header-desktop.css
   Purpose:
   - Desktop utility row, branding, navigation, search, actions, CTA and breadcrumb
========================================================= */

/* =========================================================
   Utility Row
========================================================= */

.hdaf-header__utility{
    background:var(--hdaf-color-surface-soft);
    border-bottom:1px solid var(--hdaf-color-border);
}

.hdaf-header-utility{
    min-height:42px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    color:var(--hdaf-color-muted);
    font-size:13px;
}

.hdaf-header-utility__left,
.hdaf-header-utility__right{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:16px;
}

.hdaf-header-utility__text{
    color:var(--hdaf-color-text);
    font-weight:500;
}

.hdaf-header-utility__link,
.hdaf-header__utility a{
    color:var(--hdaf-color-muted);
    transition:color var(--hdaf-transition-fast);
}

.hdaf-header-utility__link:hover,
.hdaf-header__utility a:hover{
    color:var(--hdaf-color-primary);
}

/* =========================================================
   Primary Row
========================================================= */

.hdaf-header__primary{
    background:var(--hdaf-color-surface);
    border-bottom:1px solid var(--hdaf-color-border);
}

.hdaf-header__primary-inner{
    min-height:78px;
    display:flex;
    align-items:center;
    gap:18px;
    padding:10px 0;
}

/* Branding */

.hdaf-header__branding{
    flex:0 0 auto;
    min-width:180px;
}

.hdaf-header-branding{
    display:flex;
    align-items:center;
}

.hdaf-site-name,
.hdaf-logo,
.hdaf-header__branding a{
    display:inline-flex;
    align-items:center;
    color:var(--hdaf-color-heading);
    font-size:24px;
    font-weight:800;
    line-height:1;
    letter-spacing:-0.02em;
    transition:color var(--hdaf-transition-fast);
}

.hdaf-site-name:hover,
.hdaf-logo:hover,
.hdaf-header__branding a:hover{
    color:var(--hdaf-color-primary);
}

/* =========================================================
   Navigation
========================================================= */

.hdaf-header__primary-navigation{
    flex:1 1 auto;
    min-width:0;
}

.hdaf-header-nav--primary{
    display:flex;
    align-items:center;
}

.hdaf-menu{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:4px;
}

.hdaf-menu li{
    margin:0;
    padding:0;
}

.hdaf-menu li a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:36px;
    padding:0 12px;
    border-radius:999px;
    color:var(--hdaf-color-text);
    font-size:14px;
    font-weight:700;
    line-height:1;
    transition:
        color var(--hdaf-transition-fast),
        background-color var(--hdaf-transition-fast);
}

.hdaf-menu li a:hover,
.hdaf-menu li.current-menu-item > a,
.hdaf-menu li.current_page_item > a,
.hdaf-menu li.current-menu-ancestor > a{
    color:var(--hdaf-color-primary);
    background:#eff6ff;
}

/* =========================================================
   Search
========================================================= */

.hdaf-header__search{
    flex:0 0 250px;
    min-width:250px;
}

.hdaf-header-search{
    width:100%;
}

.hdaf-search-form{
    width:100%;
    display:flex;
    align-items:center;
    gap:8px;
    padding:5px;
    border:1px solid var(--hdaf-color-border);
    border-radius:999px;
    background:var(--hdaf-color-surface);
    box-shadow:none;
    transition:
        border-color var(--hdaf-transition-fast),
        background-color var(--hdaf-transition-fast);
}

.hdaf-search-form:focus-within{
    border-color:#bfdbfe;
    background:#fcfdff;
}

.hdaf-search-form .search-field,
.hdaf-search-form input[type="search"],
.hdaf-search-form input[type="text"],
.hdaf-search-form input{
    flex:1 1 auto;
    width:1%;
    min-width:0;
    height:34px;
    margin:0 !important;
    padding:0 12px !important;
    border:0 !important;
    outline:0 !important;
    background:transparent !important;
    color:var(--hdaf-color-text) !important;
    font-size:13px !important;
    font-weight:500;
    line-height:34px;
    box-shadow:none !important;
    border-radius:0 !important;
    appearance:none;
}

.hdaf-search-form .search-field::placeholder,
.hdaf-search-form input::placeholder{
    color:#94a3b8;
    opacity:1;
}

.hdaf-search-form .search-submit,
.hdaf-search-form button,
.hdaf-search-form input[type="submit"]{
    flex:0 0 auto;
    width:auto !important;
    min-width:84px;
    height:34px !important;
    margin:0 !important;
    padding:0 14px !important;
    border:0 !important;
    border-radius:999px !important;
    background:var(--hdaf-color-primary) !important;
    color:#ffffff !important;
    font-size:12px !important;
    font-weight:700 !important;
    line-height:34px !important;
    text-align:center;
    cursor:pointer;
    box-shadow:none !important;
    appearance:none;
    transition:background var(--hdaf-transition-fast);
}

.hdaf-search-form .search-submit:hover,
.hdaf-search-form button:hover,
.hdaf-search-form input[type="submit"]:hover{
    background:var(--hdaf-color-primary-hover) !important;
    color:#ffffff !important;
}

/* =========================================================
   Actions
========================================================= */

.hdaf-header__actions{
    flex:0 0 auto;
    display:flex;
    align-items:center;
    gap:8px;
}

.hdaf-header-action,
.hdaf-header__actions a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:34px;
    padding:0 14px;
    border-radius:999px;
    white-space:nowrap;
}

.hdaf-header-action--account{
    background:var(--hdaf-color-primary);
    border:1px solid var(--hdaf-color-primary);
    color:#ffffff;
    font-size:12px;
    font-weight:700;
    line-height:1;
    transition:
        background var(--hdaf-transition-fast),
        border-color var(--hdaf-transition-fast),
        color var(--hdaf-transition-fast);
}

.hdaf-header-action--account:hover{
    background:var(--hdaf-color-primary-hover);
    border-color:var(--hdaf-color-primary-hover);
    color:#ffffff;
}

/* =========================================================
   CTA
========================================================= */

.hdaf-header__cta{
    flex:0 0 auto;
}

.hdaf-header__cta .hdaf-header-cta__link,
.hdaf-header__cta a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:38px;
    padding:0 18px;
    border:1px solid var(--hdaf-color-accent);
    border-radius:12px;
    background:var(--hdaf-color-accent);
    color:#ffffff;
    font-size:13px;
    font-weight:800;
    line-height:1;
    white-space:nowrap;
    box-shadow:none;
    transition:
        background var(--hdaf-transition-fast),
        border-color var(--hdaf-transition-fast),
        color var(--hdaf-transition-fast),
        transform var(--hdaf-transition-fast);
}

.hdaf-header__cta .hdaf-header-cta__link:hover,
.hdaf-header__cta a:hover{
    background:var(--hdaf-color-accent-hover);
    border-color:var(--hdaf-color-accent-hover);
    color:#ffffff;
    transform:translateY(-1px);
}

/* =========================================================
   Secondary Navigation
========================================================= */

.hdaf-header__secondary{
    background:var(--hdaf-color-surface);
    border-top:1px solid var(--hdaf-color-border);
}

.hdaf-header__secondary .hdaf-container{
    min-height:46px;
    display:flex;
    align-items:center;
}

/* =========================================================
   Breadcrumb
========================================================= */

.hdaf-header__breadcrumb{
    background:var(--hdaf-color-surface-soft);
    border-top:1px solid var(--hdaf-color-border);
    font-size:13px;
}

.hdaf-header-breadcrumb{
    min-height:40px;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:4px;
    padding:8px 0;
    color:var(--hdaf-color-muted);
}

.hdaf-header-breadcrumb a{
    color:var(--hdaf-color-muted);
    transition:color var(--hdaf-transition-fast);
}

.hdaf-header-breadcrumb a:hover{
    color:var(--hdaf-color-primary);
}

.hdaf-breadcrumb-current{
    color:var(--hdaf-color-heading);
    font-weight:600;
}

.hdaf-breadcrumb-sep{
    margin:0 4px;
    color:#94a3b8;
}