/**
 * HyperDAF Premium Blog Header conditional presentation.
 * Loaded only for canonical WordPress blog contexts and after the global core bundle.
 * Default Header presentation remains owned by the global Header modules.
 */

.site-header--blog .hdf-header-topbar--blog,
.site-header--blog .hdf-header-main--blog,
.site-header--blog .hdf-header-navigation--blog { box-sizing: border-box; }

.site-header--blog {
    border-bottom: var(--hdf-border-width) solid var(--hdf-header-border);
    border-radius: 0 0 var(--hdf-header-shell-bottom-radius) var(--hdf-header-shell-bottom-radius);
}

.site-header--blog .hdf-header-topbar--blog,
.site-header--blog .hdf-header-navigation--blog { position: relative; }


.site-header--blog .hdf-header-topbar--blog {
    min-height: var(--hdf-blog-header-top-height, 30px);
    border-bottom: 1px solid var(--hdf-header-border);
    background: var(--hdf-blog-header-top-background, #fff);
    color: var(--hdf-blog-header-top-text, #374151);
}
.site-header--blog .hdf-header-topbar__inner--blog {
    display: grid;
    min-height: inherit;
    align-items: center;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 22px;
}

.hdf-blog-topbar__side { min-width: 0; }
.hdf-blog-topbar__left-group { display: inline-flex; align-items: center; gap: 18px; flex-wrap: wrap; }
.hdf-blog-topbar__side--right { justify-self: end; }

.hdf-blog-topbar__promo {
    display: inline-flex;
    min-height: var(--hdf-blog-header-top-height, 30px);
    align-items: center;
    gap: 10px;
    color: var(--hdf-blog-header-top-text, #374151);
    font-family: var(--hdf-font-ui);
    font-size: 12px;
    font-weight: 500;
    text-decoration: none;
}

.hdf-blog-topbar__promo:hover,
.hdf-blog-topbar__promo:focus-visible { color: var(--hdf-blog-header-top-hover, #F97316); }
.hdf-blog-topbar__promo-icon { display: inline-grid; width: 18px; height: 18px; place-items: center; color: var(--hdf-blog-header-top-hover, #F97316); }
.hdf-blog-topbar__promo-copy { display: inline-flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.hdf-blog-topbar__promo-copy strong { color: var(--hdf-blog-header-top-hover, #F97316); font-weight: 700; }

.hdf-blog-top-links__list {
    display: flex;
    align-items: center;
    gap: clamp(14px, 1.45vw, 24px);
    margin: 0;
    padding: 0;
    list-style: none;
}
.hdf-blog-top-links__item,.hdf-blog-top-links__item::marker { list-style: none; content: ""; }
.hdf-blog-top-links a {
    display: inline-flex;
    min-height: var(--hdf-blog-header-top-height, 30px);
    align-items: center;
    gap: 7px;
    color: var(--hdf-blog-header-top-text, #374151);
    font-family: var(--hdf-font-ui);
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
}
.hdf-blog-top-links__item + .hdf-blog-top-links__item { position: relative; padding-left: 18px; }
.hdf-blog-top-links__item + .hdf-blog-top-links__item::before {
    content: "";
    position: absolute;
    inset: 50% auto auto 0;
    width: 1px;
    height: 16px;
    background: var(--hdf-header-border);
    transform: translateY(-50%);
}
.hdf-blog-top-links__icon { display: inline-grid; width: 1.15em; height: 1.15em; place-items: center; color: currentColor; font-size: 1.08em; }
.hdf-blog-top-links a:hover,.hdf-blog-top-links a:focus-visible,.hdf-blog-top-links__item.is-current a { color: var(--hdf-blog-header-top-hover, #F97316); }

.site-header--blog .hdf-header-main--blog {
    background: var(--hdf-header-main-background, #fff);
    color: var(--hdf-header-main-text, #111827);
}
.site-header--blog .hdf-header-main__inner {
    grid-template-columns: minmax(220px, auto) minmax(420px, calc(var(--hdf-blog-header-search-width, 780px) + 32px)) max-content;
    align-items: center;
}
.site-header--blog .hdf-header-main__left--blog { align-items: center; }
.site-header--blog .hdf-header-main__search-track--blog { justify-content: center; }
.site-header--blog .hdf-header-main__search { width: min(var(--hdf-blog-header-search-width, 780px), 100%); }
.site-header--blog .hdf-header-main__actions--blog {
    display: grid;
    justify-content: end;
    align-items: center;
    align-content: center;
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    gap: var(--hdf-header-action-gap, 10px);
}
.site-header--blog .hdf-header-main__actions--blog > *,
.site-header--blog .hdf-header-main__actions--blog .hdc-notification-widget {
    display: flex;
    height: auto;
    align-items: center;
    justify-content: center;
    align-self: center;
}

.site-header--blog .hdf-blog-header-action { display: flex; align-items: center; min-width: 0; }
.site-header--blog .site-branding { gap: 14px; }
.site-header--blog .site-branding__title { font-size: clamp(1.7rem, 2.2vw, 2.4rem); }

.hdf-blog-header-action__control {
    display: grid;
    width: var(--hdf-header-main-control-render-size);
    min-width: var(--hdf-header-main-control-render-size);
    height: var(--hdf-header-main-control-render-size);
    min-height: var(--hdf-header-main-control-render-size);
    place-items: center;
    padding: 0;
    border: var(--hdf-border-width) solid var(--hdf-header-action-border);
    border-radius: var(--hdf-header-action-radius);
    background: var(--hdf-header-action-background);
    color: var(--hdf-header-action-color);
    font-family: var(--hdf-font-ui);
    text-decoration: none;
    transition: background-color var(--hdf-transition), border-color var(--hdf-transition), color var(--hdf-transition);
}
.hdf-blog-header-action__control:hover,
.hdf-blog-header-action__control:focus-visible {
    border-color: var(--hdf-color-primary, #F97316);
    background: var(--hdf-color-primary, #F97316);
    color: var(--hdf-color-on-primary, #FFFFFF);
    outline: 0;
}
.hdf-blog-header-action__icon { display: inline-grid; width: 1em; height: 1em; place-items: center; font-size: calc(var(--hdf-header-main-control-render-size) * .46); }

.site-header--blog {
    --hdf-header-horizontal-submenu-width: var(--hdf-blog-header-horizontal-submenu-width, 1120px);
    --hdf-header-horizontal-submenu-columns: var(--hdf-blog-header-horizontal-submenu-columns, 4);
    --hdf-header-dropdown-width: var(--hdf-blog-header-dropdown-width, 260px);
    --hdf-header-dropdown-background: var(--hdf-blog-header-dropdown-background, #fff);
    --hdf-header-dropdown-text: var(--hdf-blog-header-dropdown-text, #374151);
    --hdf-header-dropdown-border: var(--hdf-blog-header-dropdown-border, #E5E7EB);
    --hdf-header-dropdown-hover-background: var(--hdf-blog-header-dropdown-hover-background, #FFF7ED);
    --hdf-header-dropdown-hover-text: var(--hdf-blog-header-dropdown-hover-text, #EA580C);
}
.site-header--blog .hdf-header-navigation--blog {
    min-height: var(--hdf-header-nav-height, 35px);
    background: var(--hdf-blog-header-nav-background, #fff);
    /* Reuse the exact canonical Default Header endpoint. */
    border-bottom: 2px solid var(--hdf-header-border-strong);
    border-radius: 0 0 var(--hdf-header-shell-bottom-radius) var(--hdf-header-shell-bottom-radius);
}
.site-header--blog .hdf-header-navigation__inner--blog {
    display: grid;
    min-height: inherit;
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
}
.site-header--blog .hdf-blog-primary-navigation { width: 100%; min-width: 0; }
.site-header--blog .hdf-blog-primary-menu { width: 100%; justify-content: flex-start; gap: var(--hdf-blog-header-nav-gap, 24px); }
.site-header--blog .hdf-blog-primary-menu > li > a {
    gap: 8px;
    padding-inline: var(--hdf-blog-header-nav-item-padding-x, 4px);
    color: var(--hdf-blog-header-nav-text, #374151);
    font-size: 12px;
    font-weight: 600;
}
.site-header--blog .hdf-blog-primary-menu > li > a::after { display: none; }
.site-header--blog .hdf-blog-primary-menu > li > a .hdf-menu-link-label {
    position: relative;
    display: inline-block;
}
.site-header--blog .hdf-blog-primary-menu > li > a .hdf-menu-link-label::after {
    position: absolute;
    right: 100%;
    bottom: -4px;
    left: 0;
    height: 2px;
    border-radius: 999px;
    background: currentColor;
    content: "";
    transition: right var(--hdf-transition);
}
.site-header--blog .hdf-blog-primary-menu > li:hover > a,
.site-header--blog .hdf-blog-primary-menu > li:focus-within > a,
.site-header--blog .hdf-blog-primary-menu > .current-menu-item > a,
.site-header--blog .hdf-blog-primary-menu > .current-menu-ancestor > a { color: var(--hdf-blog-header-nav-hover, #F97316); }
.site-header--blog .hdf-blog-primary-menu > li:hover > a .hdf-menu-link-label::after,
.site-header--blog .hdf-blog-primary-menu > li:focus-within > a .hdf-menu-link-label::after,
.site-header--blog .hdf-blog-primary-menu > .current-menu-item > a .hdf-menu-link-label::after,
.site-header--blog .hdf-blog-primary-menu > .current-menu-ancestor > a .hdf-menu-link-label::after { right: 0; }
.site-header--blog .hdf-primary-navigation--underline-off .hdf-menu-link-label::after { display: none; }
.site-header--blog .hdf-blog-primary-menu .hdf-menu-link-icon { width: 14px; height: 14px; font-size: 14px; }

.site-header--blog .hdf-header-search--scope-right { grid-template-columns: minmax(0, 1fr) clamp(148px, 25%, 205px) var(--hdf-header-search-auto-height); }
.site-header--blog .hdf-header-search__scope { border-inline-start-color: color-mix(in srgb, var(--hdf-header-search-border) 44%, var(--hdf-header-border)); }
.site-header--blog .hdf-header-search__scope-select { font-weight: 600; }

@media (max-width: 1260px) and (min-width: 1141px) {
    .site-header--blog .hdf-header-main__inner { grid-template-columns: minmax(190px, auto) minmax(340px, 1fr) max-content; }
    .site-header--blog .hdf-blog-primary-menu { gap: 16px; }
}

@media (max-width: 1140px) {
    .site-header--blog .hdf-header-main__inner { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto; }
    .site-header--blog .hdf-header-main__actions--blog { gap: 8px; }
    .site-header--blog .hdf-blog-header-action__control { min-width: var(--hdf-header-main-control-render-size); min-height: var(--hdf-header-main-control-render-size); }
}

@media (max-width: 900px) {
    .site-header--blog .hdf-header-topbar__inner--blog { grid-template-columns: 1fr; gap: 8px; padding-block: 6px; }
    .site-header--blog .hdf-blog-topbar__side--right { justify-self: start; }
    .site-header--blog .hdf-blog-top-links__list { flex-wrap: wrap; gap: 8px 14px; }
    .site-header--blog .hdf-blog-top-links__item + .hdf-blog-top-links__item { padding-left: 12px; }
    .site-header--blog .hdf-header-main__inner { grid-template-columns: minmax(0, 1fr) auto; row-gap: 12px; }
    .site-header--blog .hdf-header-main__search-track--blog { grid-column: 1 / -1; order: 3; }
    .site-header--blog .hdf-header-main__actions--blog { display: none; }
    .site-header--blog .hdf-blog-primary-menu { gap: 10px 14px; justify-content: flex-start; }
}

@media (max-width: 680px) {
    .site-header--blog .hdf-header-navigation--blog { min-height: auto; }
    .site-header--blog .hdf-blog-primary-menu { gap: 6px 12px; }
    .site-header--blog .hdf-blog-primary-menu > li > a { font-size: 13px; }
}