/**
 * File: assets/css/frontend/header/responsive.css
 * Purpose: Preserves the compact premium marketplace Header across desktop, laptop, tablet, mobile, browser zoom and legacy-small widths.
 * Scope: Header responsive composition only; mobile off-canvas internals live in assets/css/frontend/navigation/mobile.css.
 * Related PHP: src/Frontend/Header/HeaderRenderer.php
 * Related CSS: assets/css/frontend/header/*.css
 * Related JS: assets/js/frontend/header/department-offcanvas.js
 * Package: HyperDAF Pro
 */

@media (min-width: 90rem) {
    .hdf-site-header__main-grid { gap: clamp(1.5rem, 1.8vw, 2rem); }
}

@media (max-width: 82rem) {
    .hdf-site-header__container { width: min(calc(100% - 4.625rem), var(--hdf-marketplace-shell-max)); }
    .hdf-site-header__main-grid { grid-template-columns: minmax(11.5rem, 13rem) minmax(24rem, 1fr) minmax(14rem, auto); gap: 1rem; }
    .hdf-header-brand__logo { max-width: 12rem; }
    .hdf-header-actions { gap: .38rem; }
    .hdf-header-action__button { min-width: 3.25rem; }
    .hdf-primary-menu > li > .hdf-menu-item__row > a { padding-inline: .52rem; font-size: .7rem; }
}

@media (max-width: 72rem) {
    .hdf-site-header__container { width: min(calc(100% - 3rem), var(--hdf-marketplace-shell-max)); }
    .hdf-site-header__main-grid { grid-template-columns: minmax(10rem, 11rem) minmax(20rem, 1fr) auto; gap: .8rem; }
    .hdf-header-brand__logo { max-width: 10.8rem; }
    .hdf-header-action__label { display: none; }
    .hdf-header-action__button { width: var(--hdf-header-action-size, 2.5rem); min-width: 0; height: var(--hdf-header-action-size, 2.5rem); min-height: 0; padding: .42rem; border-radius: 50%; }
    .hdf-header-action__button .hdf-icon,
    .hdf-header-action__button .hdf-engine-icon { width: 1.2rem; height: 1.2rem; }
    .hdf-menu-item__badge { display: none; }
    .hdf-header-search__form { height: 2.775rem; }
    .hdf-header-search__submit { --hdf-header-search-submit-size: 2rem; margin-inline-end: .3875rem; }
}

@media (max-width: 64rem) {
    .hdf-header-utilities__menu { display: none; }
    .hdf-header-identity__label { max-width: 7rem; }
    .hdf-site-header__main-row { height: auto; min-height: var(--hdf-header-main-height, 5.75rem); }
    .hdf-site-header__main-grid {
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-areas: "brand actions" "search search";
        align-content: center;
        column-gap: .8rem;
        row-gap: .65rem;
        padding-block: .75rem;
    }
    .hdf-site-header__search-zone { justify-self: stretch; }
    .hdf-header-search { max-width: none; }
    .hdf-header-navigation-cta span { display: none; }
    .hdf-header-navigation-cta { width: 1.9rem; min-height: 1.9rem; padding: 0; justify-content: center; border-radius: 50%; }
}

@media (max-width: 58rem) {
    .hdf-site-header__top-left { overflow: hidden; }
    .hdf-top-menu--left li:nth-child(n+3) { display: none; }
    .hdf-site-header__navigation-grid { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "department balance"; }
    .hdf-site-header__primary-zone { display: none; }
    .hdf-site-header__navigation-balance { justify-self: end; }
}

@media (max-width: 48.875rem) {
    .admin-bar .hdf-site-header--sticky { top: var(--hdf-component-header-admin-bar-offset-mobile); }
}

@media (max-width: 42rem) {
    .hdf-site-header__container { width: min(calc(100% - 2rem), var(--hdf-marketplace-shell-max)); }
    .hdf-site-header__top-row--hide-mobile { display: none; }
    .hdf-site-header__top-row:not(.hdf-site-header__top-row--hide-mobile) { height: 2.4rem; min-height: 2.4rem; }
    .hdf-site-header__top-grid { grid-template-columns: minmax(0, 1fr) auto; gap: .6rem; }
    .hdf-top-menu--left { gap: .65rem; }
    .hdf-top-menu--left li:nth-child(n+2) { display: none; }
    .hdf-header-utility__label,
    .hdf-header-identity__label,
    .hdf-header-utilities__menu { display: none; }
    .hdf-site-header__main-row { --hdf-header-action-size: var(--hdf-component-header-action-mobile-size); --hdf-header-brand-icon-size: var(--hdf-component-header-mobile-brand-icon-size); }
    .hdf-site-header__main-grid { column-gap: .55rem; }
    .hdf-header-brand { gap: .45rem; padding-inline-start: 0; }
    .hdf-header-brand__logo { max-width: 9.8rem; max-height: 2.5rem; }
    .hdf-header-brand__name { max-width: var(--hdf-component-header-mobile-brand-name-width); font-size: var(--hdf-typography-size-lg); }
    .hdf-header-actions { gap: .05rem; }
    .hdf-header-action--wishlist,
    .hdf-header-action--compare { display: none; }
    .hdf-header-action__button .hdf-icon,
    .hdf-header-action__button .hdf-engine-icon { width: var(--hdf-component-header-mobile-action-icon-size); height: var(--hdf-component-header-mobile-action-icon-size); }
    .hdf-header-search__form { height: 3rem; }
    .hdf-header-search__form--with-categories { grid-template-columns: minmax(0, 1fr) 3rem; }
    .hdf-header-search__divider,
    .hdf-header-search__category-wrap { display: none; }
    .hdf-header-search__input { padding-inline: 1.05rem; font-size: .84rem; }
    .hdf-header-search__submit { --hdf-header-search-submit-size: 2.45rem; margin-inline-end: .25rem; }
    .hdf-department-navigation__trigger { width: auto; min-width: var(--hdf-component-header-action-size); padding-inline: .65rem; }
    .hdf-department-navigation__trigger span,
    .hdf-department-navigation__trigger .hdf-icon--chevron-down { display: none; }
    .hdf-site-header__navigation-row { padding-block: .3125rem; }
}

@media (max-width: 30rem) {
    .hdf-site-header__main-row { --hdf-header-action-size: var(--hdf-component-header-action-compact-size); --hdf-header-brand-icon-size: var(--hdf-component-header-compact-brand-icon-size); }
    .hdf-site-header__main-grid { column-gap: .35rem; }
    .hdf-header-brand__logo { max-width: 8.7rem; }
    .hdf-header-brand__name {
        display: none;
    }
    .hdf-header-actions { gap: 0; }
    .hdf-header-action__button { padding: .4rem; }
    .hdf-header-action__badge { top: -.1rem; right: -.1rem; }
    .hdf-site-header__navigation-grid { gap: .3rem; }
}

@media (max-width: 22rem) {
    .hdf-site-header__container { width: calc(100% - 1.5rem); }
    .hdf-header-brand__logo { max-width: 7.5rem; }
    .hdf-header-actions { transform: scale(.94); transform-origin: right center; }
}

@media (prefers-reduced-motion: reduce) {
    .hdf-header-brand,
    .hdf-header-search__form,
    .hdf-header-search__submit,
    .hdf-header-action__button,
    .hdf-header-action__button .hdf-engine-icon,
    .hdf-header-utility__control,
    .hdf-header-navigation-cta,
    .hdf-department-navigation__trigger,
    .hdf-primary-menu a { transition: none; }
}