/**
 * Location: /assets/css/header.css
 * Purpose:
 * - Responsive header styling for desktop/tablet/mobile.
 * - Desktop: single-row middlebar (Left+Center+Right).
 * - Tablet/Mobile: wraps to 2 rows (Row1: Left+Right, Row2: Center full width).
 * - Tablet/Mobile: Offcanvas -> Logo order.
 * - Navbar always visible; centered on all devices.
 * - Colors are connected with Setup > General design tokens.
 *
 * Related PHP:
 * - /template-parts/header/header.php
 *
 * Linkage/Loader:
 * - Enqueued by frontend styles loader.
 */

/* =============================
   Variables
============================= */
:root {
	--hdaf-brand-orange: var(--hdaf-primary-color, #ff7a00);
	--hdaf-header-bg: var(--hdaf-surface-color, #ffffff);
	--hdaf-header-text: var(--hdaf-body-text-color, #111827);
	--hdaf-header-heading: var(--hdaf-heading-color, #111827);
	--hdaf-header-muted: var(--hdaf-muted-text-color, #64748b);
	--hdaf-header-border: var(--hdaf-border-color, #e5e7eb);
	--hdaf-header-link: var(--hdaf-link-color, var(--hdaf-brand-orange));
	--hdaf-header-link-hover: var(--hdaf-link-hover-color, var(--hdaf-brand-orange));
	--hdaf-header-radius: var(--hdaf-button-radius, 14px);
	--hdaf-header-input-radius: var(--hdaf-input-radius, 12px);
}

/* =============================
   Base
============================= */
.hdaf-header {
	position: relative;
	z-index: 50;
	background: var(--hdaf-header-bg);
	color: var(--hdaf-header-text);
}

.hdaf-header * {
	box-sizing: border-box;
}

.hdaf-header__endpoint {
	position: relative;
	height: 1px;
	background: color-mix(in srgb, var(--hdaf-header-text) 12%, transparent);
	filter: none;
	opacity: 1;
}

.hdaf-header__endpoint::after {
	display: block;
	height: 10px;
	background: linear-gradient(to bottom, color-mix(in srgb, var(--hdaf-header-text) 10%, transparent), transparent);
	pointer-events: none;
	content: "";
}

/* =============================
   Topbar
============================= */
.hdaf-header .hdaf-topbar {
	border-bottom: 1px solid var(--hdaf-header-border);
	font-size: 12px;
	line-height: 1;
}

.hdaf-header .hdaf-topbar__inner {
	display: flex;
	gap: 14px;
	align-items: center;
	justify-content: space-between;
	padding: 8px 0;
}

.hdaf-header .hdaf-topbar__menu {
	display: flex;
	gap: 1px !important;
	align-items: center;
	margin: 0;
	padding: 0;
	list-style: none;
}

.hdaf-header .hdaf-topbar__item {
	margin: 0;
	padding: 0;
}

.hdaf-header .hdaf-topbar__link {
	display: inline-flex;
	gap: 8px;
	align-items: center;
	color: var(--hdaf-header-text);
	text-decoration: none;
}

.hdaf-header .hdaf-topbar__link:hover,
.hdaf-header .hdaf-topbar__link:focus {
	color: var(--hdaf-header-link-hover);
}

.hdaf-header .hdaf-topbar__icon {
	display: inline-block;
	width: 22px;
	height: 22px;
	background: var(--hdaf-topbar-icon) center/contain no-repeat;
	border-radius: 999px;
}

.hdaf-header .hdaf-topbar__link--left .hdaf-topbar__text {
	display: none;
}

.hdaf-header .hdaf-topbar__text {
	color: var(--hdaf-header-text);
	font-size: 12px;
}

@media (max-width: 1023px) {
	.hdaf-header .hdaf-topbar.hdaf-topbar--hide-tablet {
		display: none;
	}
}

@media (max-width: 767px) {
	.hdaf-header .hdaf-topbar.hdaf-topbar--hide-mobi {
		display: none;
	}
}

/* =============================
   Middlebar layout
============================= */
.hdaf-header .hdaf-middlebar {
	border-bottom: 1px solid var(--hdaf-header-border);
}

.hdaf-header .hdaf-middlebar__inner {
	padding: 24px 0;
}

.hdaf-header .hdaf-middlebar__layout {
	display: flex;
	flex-wrap: nowrap;
	gap: 14px;
	align-items: center;
}

.hdaf-header .hdaf-middlebar__left {
	flex: 0 0 auto;
	min-width: 240px;
}

.hdaf-header .hdaf-middlebar__center {
	display: flex;
	flex: 1 1 auto;
	justify-content: center;
	min-width: 0;
}

.hdaf-header .hdaf-middlebar__right {
	display: flex;
	flex: 0 0 auto;
	justify-content: flex-end;
	min-width: 240px;
}

.hdaf-header .hdaf-middlebar__centerwrap {
	display: flex;
	justify-content: center;
	width: 100%;
}

.hdaf-header .hdaf-mb-left {
	display: flex;
	gap: 12px;
	align-items: center;
}

.hdaf-header .hdaf-mb-left__logo {
	order: 1;
}

.hdaf-header .hdaf-mb-left__togglewrap {
	order: 2;
}

.hdaf-header .hdaf-logo-link {
	display: inline-flex;
	align-items: center;
	text-decoration: none;
}

.hdaf-header .hdaf-logo-link img {
	display: block;
	width: auto;
	height: auto;
	max-height: 42px;
}

.hdaf-header .hdaf-site-name {
	color: var(--hdaf-header-heading);
	font-size: 18px;
	font-weight: 700;
}

/* =============================
   Actions
============================= */
.hdaf-header .hdaf-mb-actions {
	display: flex;
	flex-wrap: nowrap;
	gap: 10px;
	align-items: center;
	justify-content: flex-end;
}

.hdaf-header .hdaf-mb-action {
	display: inline-flex;
	gap: 8px;
	align-items: center;
	padding: 8px 10px;
	border-radius: var(--hdaf-header-input-radius);
	color: var(--hdaf-header-heading);
	text-decoration: none;
}

.hdaf-header .hdaf-mb-action:hover,
.hdaf-header .hdaf-mb-action:focus {
	background: color-mix(in srgb, var(--hdaf-brand-orange) 9%, transparent);
	color: var(--hdaf-header-link-hover);
}

.hdaf-header .hdaf-mb-action__icon {
	display: inline-block;
	width: 18px;
	height: 18px;
	background: var(--hdaf-mb-ico) center/contain no-repeat;
}

.hdaf-header .hdaf-mb-action__label {
	font-size: 12px;
	font-weight: 600;
}

.hdaf-header .hdaf-mb-action--mobi {
	display: none;
}

/* =============================
   Search
============================= */
.hdaf-header .hdaf-mb-search {
	position: relative;
	width: 700px;
	max-width: 100%;
	margin: 0 auto;
}

.hdaf-header .hdaf-mb-search__inner {
	display: flex;
	align-items: center;
	width: 100%;
	min-height: 46px;
	overflow: hidden;
	background: var(--hdaf-header-bg);
	border: 2px solid var(--hdaf-brand-orange);
	border-radius: 25px;
}

.hdaf-header .hdaf-mb-search__cat {
	flex: 0 0 210px;
	border-right: 2px solid color-mix(in srgb, var(--hdaf-brand-orange) 22%, transparent);
}

.hdaf-header .hdaf-mb-search__select {
	width: 100%;
	height: 46px;
	padding: 11px 44px 11px 12px;
	background-color: var(--hdaf-header-bg);
	background-image:
		linear-gradient(45deg, transparent 50%, var(--hdaf-header-heading) 50%),
		linear-gradient(135deg, var(--hdaf-header-heading) 50%, transparent 50%);
	background-repeat: no-repeat;
	background-position:
		calc(100% - 18px) 50%,
		calc(100% - 12px) 50%;
	background-size: 6px 6px, 6px 6px;
	border: 0;
	outline: none;
	color: var(--hdaf-header-text);
	font-size: 13px;
	line-height: 1.2;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.hdaf-header .hdaf-mb-search__input {
	flex: 1 1 auto;
	min-width: 0;
	height: 46px;
	padding: 12px;
	background: var(--hdaf-header-bg);
	border: 0;
	outline: none;
	color: var(--hdaf-header-text);
	font-size: 14px;
}

.hdaf-header .hdaf-mb-search__input::placeholder {
	color: var(--hdaf-header-muted);
}

.hdaf-header .hdaf-mb-search__btn {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	min-width: 56px;
	min-height: 46px;
	padding: 0 16px;
	background: var(--hdaf-brand-orange);
	border: 0;
	color: #ffffff;
	cursor: pointer;
}

.hdaf-header .hdaf-mb-search__btn:hover,
.hdaf-header .hdaf-mb-search__btn:focus {
	background: var(--hdaf-primary-button-hover-bg, var(--hdaf-header-link-hover));
}

.hdaf-header .hdaf-mb-search__btnIcon {
	display: inline-block;
	width: 18px;
	height: 18px;
	background: #ffffff;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 4a6 6 0 104.472 10.03l4.249 4.249 1.414-1.414-4.249-4.249A6 6 0 0010 4zm0 2a4 4 0 110 8 4 4 0 010-8z'/%3E%3C/svg%3E") center/contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 4a6 6 0 104.472 10.03l4.249 4.249 1.414-1.414-4.249-4.249A6 6 0 0010 4zm0 2a4 4 0 110 8 4 4 0 010-8z'/%3E%3C/svg%3E") center/contain no-repeat;
}

/* Live dropdown */
.hdaf-header .hdaf-mb-search__dropdown {
	position: absolute;
	top: calc(100% + 10px);
	right: 0;
	left: 0;
	z-index: 60;
	overflow: hidden;
	background: var(--hdaf-header-bg);
	border: 1px solid var(--hdaf-header-border);
	border-radius: var(--hdaf-header-radius);
	box-shadow: 0 20px 60px rgba(15, 23, 42, .12);
}

.hdaf-header .hdaf-mb-search__dropdownHead {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 12px;
	border-bottom: 1px solid var(--hdaf-header-border);
	color: var(--hdaf-header-heading);
}

.hdaf-header .hdaf-mb-search__close {
	background: transparent;
	border: 0;
	color: var(--hdaf-header-text);
	font-size: 18px;
	line-height: 1;
	cursor: pointer;
}

.hdaf-header .hdaf-mb-search__results {
	margin: 0;
	padding: 8px 0;
	list-style: none;
}

/* =============================
   Tablet + Mobile
============================= */
@media (max-width: 1023px) {
	.hdaf-header .hdaf-middlebar__inner {
		padding: 22px 10px;
	}

	.hdaf-header .hdaf-middlebar__layout {
		flex-wrap: wrap;
		gap: 10px;
		justify-content: space-between;
	}

	.hdaf-header .hdaf-middlebar__left {
		order: 1;
		flex: 1 1 auto;
		min-width: 0;
	}

	.hdaf-header .hdaf-middlebar__right {
		order: 2;
		flex: 0 0 auto;
		min-width: 0;
	}

	.hdaf-header .hdaf-middlebar__center {
		order: 3;
		flex: 0 0 100%;
		justify-content: stretch;
		min-width: 0;
	}

	.hdaf-header .hdaf-middlebar__centerwrap {
		justify-content: stretch;
		width: 100%;
	}

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

	.hdaf-header .hdaf-mb-left__togglewrap {
		order: 1;
	}

	.hdaf-header .hdaf-mb-left__logo {
		order: 2;
	}

	.hdaf-header .hdaf-mb-action {
		padding: 7px 9px;
	}

	.hdaf-header .hdaf-mb-action__icon {
		width: 17px;
		height: 17px;
	}

	.hdaf-header .hdaf-mb-action__label,
	.hdaf-header .hdaf-mb-search__cat {
		display: none;
	}

	.hdaf-header .hdaf-mb-search__inner,
	.hdaf-header .hdaf-mb-search__input {
		min-height: 44px;
		height: 44px;
	}

	.hdaf-header .hdaf-mb-search__btn {
		min-width: 52px;
		min-height: 44px;
	}

	.hdaf-header .hdaf-mb-left__togglewrap button,
	.hdaf-header .hdaf-mb-left__togglewrap .hdaf-offcanvas-toggle,
	.hdaf-header .hdaf-mb-left__togglewrap .hdaf-oc-toggle {
		transform: scale(1.15);
		transform-origin: left center;
	}
}

@media (max-width: 767px) {
	.hdaf-header .hdaf-middlebar__inner {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.hdaf-header .hdaf-logo-link img {
		max-height: 36px;
		margin-top: -15px;
	}

	.hdaf-header .hdaf-mb-action--mobi {
		display: inline-flex;
	}

	.hdaf-header .hdaf-mb-actions {
		gap: 8px;
	}

	.hdaf-header .hdaf-mb-left__togglewrap button,
	.hdaf-header .hdaf-mb-left__togglewrap .hdaf-offcanvas-toggle,
	.hdaf-header .hdaf-mb-left__togglewrap .hdaf-oc-toggle {
		transform: scale(1.18);
	}
}

/* =============================
   Navbar
============================= */
.hdaf-header .hdaf-navbar {
	background: var(--hdaf-header-bg);
	border-bottom: 1px solid var(--hdaf-header-border);
}

.hdaf-header .hdaf-navbar__inner {
	display: flex;
	justify-content: center;
	padding: 10px 0;
}

.hdaf-header .hdaf-header-nav {
	display: flex !important;
	justify-content: center;
	width: 100%;
}

.hdaf-header ul.hdaf-primary-menu,
.hdaf-header #hdaf-primary-menu {
	display: flex;
	flex-wrap: nowrap;
	gap: 8px;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	padding: 6px 10px;
	overflow: hidden;
	list-style: none;
	white-space: nowrap;
}

.hdaf-header ul.hdaf-primary-menu a,
.hdaf-header #hdaf-primary-menu a {
	padding: 9px 10px;
	border-radius: var(--hdaf-header-input-radius);
	color: var(--hdaf-header-heading);
	font-size: 14px;
	font-weight: 700;
	line-height: 1.1;
	text-decoration: none;
}

.hdaf-header ul.hdaf-primary-menu a:hover,
.hdaf-header ul.hdaf-primary-menu a:focus,
.hdaf-header #hdaf-primary-menu a:hover,
.hdaf-header #hdaf-primary-menu a:focus {
	background: color-mix(in srgb, var(--hdaf-brand-orange) 9%, transparent);
	color: var(--hdaf-header-link-hover);
}

@media (max-width: 1023px) {
	.hdaf-header .hdaf-navbar__inner {
		padding: 8px 0;
	}

	.hdaf-header ul.hdaf-primary-menu,
	.hdaf-header #hdaf-primary-menu {
		gap: 5px;
		padding: 6px 8px;
	}

	.hdaf-header ul.hdaf-primary-menu a,
	.hdaf-header #hdaf-primary-menu a {
		padding: 8px;
		font-size: 13px;
	}
}

@media (max-width: 767px) {
	.hdaf-header ul.hdaf-primary-menu,
	.hdaf-header #hdaf-primary-menu {
		gap: 5px;
		padding: 6px 8px;
	}

	.hdaf-header ul.hdaf-primary-menu a,
	.hdaf-header #hdaf-primary-menu a {
		padding: 8px;
		font-size: 13px;
	}
}

/* =============================
   Desktop lock
============================= */
@media (min-width: 1024px) {

	.hdaf-header .hdaf-middlebar__inner {
		padding-right: 0;
		padding-left: 0;
	}

	.hdaf-header .hdaf-middlebar__layout {
		display: grid !important;
		grid-template-columns: minmax(240px, 1fr) minmax(280px, var(--hdaf-header-search-width, 700px)) minmax(240px, 1fr);
		column-gap: 14px;
		align-items: center;
	}

	.hdaf-header .hdaf-middlebar__left,
	.hdaf-header .hdaf-middlebar__right {
		width: 100%;
		min-width: 0;
		justify-self: stretch;
	}

	.hdaf-header .hdaf-middlebar__right {
		display: flex;
		justify-content: flex-end;
	}

	.hdaf-header .hdaf-middlebar__center {
		justify-self: center;
		width: min(100%, var(--hdaf-header-search-width, 700px));
	}

	.hdaf-header .hdaf-middlebar__centerwrap {
		justify-content: center;
		width: min(100%, var(--hdaf-header-search-width, 700px));
	}

	.hdaf-header .hdaf-mb-search {
		width: min(100%, var(--hdaf-header-search-width, 700px));
		max-width: var(--hdaf-header-search-width, 700px);
		margin: 0 auto;
	}

	.hdaf-header .custom-logo {
		width: auto;
		height: auto;
		max-height: 45px;
	}
}

/* =============================
   Mobile action icons
============================= */
@media (max-width: 767px) {
	.hdaf-header .hdaf-mb-action--mobi {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 38px;
		height: 38px;
		background: var(--hdaf-header-bg);
		border: 1px solid color-mix(in srgb, var(--hdaf-header-text) 12%, transparent);
		border-radius: var(--hdaf-header-input-radius);
	}

	.hdaf-header .hdaf-mb-action--mobi:hover,
	.hdaf-header .hdaf-mb-action--mobi:focus {
		background: color-mix(in srgb, var(--hdaf-brand-orange) 9%, transparent);
	}
}

/* =============================
   Header container width
============================= */
@media (min-width: 1024px) {
	.hdaf-header[data-hdaf-header-mode="boxed"] .hdaf-container {
		max-width: var(--hdaf-header-container, var(--hdaf-container, 1500px));
	}

	.hdaf-header[data-hdaf-header-mode="full"] .hdaf-container {
		max-width: none;
	}
}

/* Facebook PNG has extra empty space, scale it a bit */
.hdaf-header .hdaf-topbar__link[href*="facebook.com"] .hdaf-topbar__icon {
	background-size: 26px 26px !important;
}
/* =============================
   Setup > Header controls
   - Common user controls only: width, row heights/colors, sticky, logo, search, icons.
============================= */
.hdaf-header {
	background: var(--hdaf-header-second-row-bg, var(--hdaf-header-bg));
}

.hdaf-header.hdaf-header--sticky {
	position: sticky;
	top: 0;
	z-index: 999;
}

body.admin-bar .hdaf-header.hdaf-header--sticky {
	top: 0;
}

.hdaf-header .hdaf-topbar {
	background: var(--hdaf-header-top-row-bg, var(--hdaf-header-bg));
}

.hdaf-header .hdaf-topbar__inner {
	min-height: var(--hdaf-header-top-row-height, 36px);
	padding-top: 0;
	padding-bottom: 0;
}

.hdaf-header .hdaf-middlebar {
	background: var(--hdaf-header-second-row-bg, var(--hdaf-header-bg));
}

.hdaf-header .hdaf-middlebar__inner {
	min-height: var(--hdaf-header-second-row-height, 84px);
	padding-top: 0;
	padding-bottom: 0;
}

.hdaf-header .hdaf-middlebar__layout {
	min-height: var(--hdaf-header-second-row-height, 84px);
}

.hdaf-header .hdaf-navbar {
	background: var(--hdaf-header-third-row-bg, var(--hdaf-header-bg));
}

.hdaf-header .hdaf-navbar__inner {
	min-height: var(--hdaf-header-third-row-height, 46px);
	padding-top: 0;
	padding-bottom: 0;
}

.hdaf-header .hdaf-logo-link img,
.hdaf-header .custom-logo {
	max-width: var(--hdaf-header-logo-width, 150px);
}

.hdaf-header .hdaf-mb-search,
.hdaf-header .hdaf-middlebar__center,
.hdaf-header .hdaf-middlebar__centerwrap {
	max-width: var(--hdaf-header-search-width, 700px);
}

.hdaf-header .hdaf-mb-actions {
	gap: var(--hdaf-header-icons-gap, 10px);
}

.hdaf-header .hdaf-mb-action__icon,
.hdaf-header .hdaf-header-account__icon,
.hdaf-header .hdaf-header-wishlist__icon,
.hdaf-header .hdaf-header-compare__icon,
.hdaf-header .hdaf-header-cart__icon {
	width: var(--hdaf-header-icons-size, 18px);
	height: var(--hdaf-header-icons-size, 18px);
}

@media (min-width: 1024px) {
	.hdaf-header .hdaf-middlebar__layout {
		grid-template-columns: minmax(240px, 1fr) var(--hdaf-header-search-width, 700px) minmax(240px, 1fr);
	}

	.hdaf-header .hdaf-middlebar__center,
	.hdaf-header .hdaf-middlebar__centerwrap,
	.hdaf-header .hdaf-mb-search {
		width: var(--hdaf-header-search-width, 700px);
		max-width: var(--hdaf-header-search-width, 700px);
	}
}


/* Header gap/admin bar final fix */
.hdaf-header.hdaf-header--sticky {
	margin-top: 0;
}

body.admin-bar .hdaf-header.hdaf-header--sticky {
	top: 0;
}

.hdaf-header .hdaf-topbar__inner,
.hdaf-header .hdaf-navbar__inner {
	display: flex;
	align-items: center;
}

.hdaf-header .hdaf-middlebar__layout {
	align-items: center;
}

.hdaf-header .hdaf-mb-actions > * {
	flex: 0 0 auto;
}


/* ======================================================
   Patch 3: Premium Header/Menu Polish
   Purpose: commercial-grade header surface, sticky state, action states,
   accessible focus rings and responsive density without changing markup.
====================================================== */
:root{
  --hdaf-header-shadow-soft: 0 10px 32px rgba(15,23,42,.06);
  --hdaf-header-focus-ring: 0 0 0 3px color-mix(in srgb, var(--hdaf-brand-orange) 22%, transparent);
}

.hdaf-header{
  isolation:isolate;
  border-bottom:0;
  transition: box-shadow .18s ease, border-color .18s ease, background-color .18s ease;
}

.hdaf-header.hdaf-header--scrolled{
  box-shadow: var(--hdaf-header-shadow-soft);
}

.hdaf-header .hdaf-middlebar{
  border-bottom-color: color-mix(in srgb, var(--hdaf-header-text) 8%, transparent);
}

.hdaf-header .hdaf-middlebar__layout{
  position:relative;
}

.hdaf-header .hdaf-logo-link:focus-visible,
.hdaf-header .hdaf-mb-action:focus-visible,
.hdaf-header .hdaf-mb-search__input:focus-visible,
.hdaf-header .hdaf-mb-search__select:focus-visible,
.hdaf-header .hdaf-mb-search__btn:focus-visible,
.hdaf-header .hdaf-topbar__link:focus-visible,
.hdaf-header .hdaf-primary-menu a:focus-visible,
.hdaf-header #hdaf-primary-menu a:focus-visible{
  outline:0;
  box-shadow: var(--hdaf-header-focus-ring);
}

.hdaf-header .hdaf-mb-action{
  min-height:40px;
  border:1px solid transparent;
  transition: background-color .16s ease, border-color .16s ease, color .16s ease, transform .16s ease;
}

.hdaf-header .hdaf-mb-action:hover,
.hdaf-header .hdaf-mb-action:focus-visible{
  border-color: color-mix(in srgb, var(--hdaf-brand-orange) 28%, transparent);
  transform: translateY(-1px);
}

.hdaf-header .hdaf-mb-search__inner{
  box-shadow: 0 8px 20px rgba(249,115,22,.05);
  transition: box-shadow .16s ease, border-color .16s ease;
}

.hdaf-header .hdaf-mb-search:focus-within .hdaf-mb-search__inner{
  border-color: color-mix(in srgb, var(--hdaf-brand-orange) 88%, #111827 12%);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--hdaf-brand-orange) 13%, transparent), 0 12px 28px rgba(249,115,22,.08);
}

.hdaf-header .hdaf-mb-search__dropdown{
  z-index:10060;
}

.hdaf-header .hdaf-mb-search__results{
  scrollbar-width:thin;
  scrollbar-color: color-mix(in srgb, var(--hdaf-brand-orange) 42%, #cbd5e1) transparent;
}

.hdaf-header .hdaf-mb-search__results::-webkit-scrollbar{ width:7px; }
.hdaf-header .hdaf-mb-search__results::-webkit-scrollbar-thumb{
  background: color-mix(in srgb, var(--hdaf-brand-orange) 42%, #cbd5e1);
  border-radius:999px;
}

@media (min-width:1024px){
  .hdaf-header.hdaf-header--compact .hdaf-middlebar__inner,
  .hdaf-header.hdaf-header--compact .hdaf-middlebar__layout{
    min-height: calc(var(--hdaf-header-second-row-height, 84px) - 10px);
  }

  .hdaf-header.hdaf-header--compact .hdaf-logo-link img,
  .hdaf-header.hdaf-header--compact .custom-logo{
    max-height:40px;
  }
}

@media (max-width:767px){
  .hdaf-header .hdaf-middlebar__inner{
    padding-right:12px;
    padding-left:12px;
  }

  .hdaf-header .hdaf-mb-actions{
    gap:6px;
  }

  .hdaf-header .hdaf-mb-action{
    min-width:36px;
    min-height:36px;
    padding:7px;
  }
}


/* ======================================================
   HyperDAF vPro Patch: Clean search bar shade/blur
   Location: /assets/css/header.css
   Purpose:
   - Remove blur/shade/glow effects from header search bar.
   - Keep search UI clean, flat and marketplace-safe.
====================================================== */
.hdaf-header-search,
.hdaf-search,
.hdaf-search-form,
.hdaf-header-search form,
.hdaf-header__search,
.hdaf-search-wrap,
.hdaf-search-box,
.hdaf-live-search,
.hdaf-ajax-search,
.hdaf-product-search{
  filter:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  box-shadow:none !important;
}

.hdaf-header-search:before,
.hdaf-header-search:after,
.hdaf-search:before,
.hdaf-search:after,
.hdaf-search-form:before,
.hdaf-search-form:after,
.hdaf-search-wrap:before,
.hdaf-search-wrap:after,
.hdaf-search-box:before,
.hdaf-search-box:after{
  filter:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  box-shadow:none !important;
}

.hdaf-header-search input[type="search"],
.hdaf-search input[type="search"],
.hdaf-search-form input[type="search"],
.hdaf-product-search input[type="search"]{
  filter:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  box-shadow:none !important;
}

.hdaf-header-search:focus-within,
.hdaf-search:focus-within,
.hdaf-search-form:focus-within,
.hdaf-search-wrap:focus-within,
.hdaf-search-box:focus-within{
  filter:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  box-shadow:none !important;
}


/* ======================================================
   HyperDAF vPro Patch: Remove search border shade/focus glow
   Location: /assets/css/header.css
   Purpose:
   - Remove border blur/shade/glow from the header search bar.
   - Keep focus state clean with flat orange border only.
====================================================== */
.hdaf-header-search,
.hdaf-header-search *,
.hdaf-search,
.hdaf-search *,
.hdaf-search-form,
.hdaf-search-form *,
.hdaf-search-wrap,
.hdaf-search-wrap *,
.hdaf-search-box,
.hdaf-search-box *,
.hdaf-product-search,
.hdaf-product-search *{
  filter:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  text-shadow:none !important;
}

.hdaf-header-search,
.hdaf-search,
.hdaf-search-form,
.hdaf-search-wrap,
.hdaf-search-box,
.hdaf-product-search,
.hdaf-header-search form,
.hdaf-search form,
.hdaf-search-form form,
.hdaf-product-search form{
  box-shadow:none !important;
  outline:none !important;
}

.hdaf-header-search::before,
.hdaf-header-search::after,
.hdaf-search::before,
.hdaf-search::after,
.hdaf-search-form::before,
.hdaf-search-form::after,
.hdaf-search-wrap::before,
.hdaf-search-wrap::after,
.hdaf-search-box::before,
.hdaf-search-box::after,
.hdaf-product-search::before,
.hdaf-product-search::after,
.hdaf-header-search form::before,
.hdaf-header-search form::after,
.hdaf-search-form form::before,
.hdaf-search-form form::after{
  display:none !important;
  content:none !important;
  opacity:0 !important;
  box-shadow:none !important;
  filter:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

.hdaf-header-search:focus,
.hdaf-header-search:focus-within,
.hdaf-search:focus,
.hdaf-search:focus-within,
.hdaf-search-form:focus,
.hdaf-search-form:focus-within,
.hdaf-search-wrap:focus,
.hdaf-search-wrap:focus-within,
.hdaf-search-box:focus,
.hdaf-search-box:focus-within,
.hdaf-product-search:focus,
.hdaf-product-search:focus-within,
.hdaf-header-search form:focus-within,
.hdaf-search-form form:focus-within,
.hdaf-product-search form:focus-within{
  box-shadow:none !important;
  outline:none !important;
  filter:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

.hdaf-header-search input,
.hdaf-header-search select,
.hdaf-header-search button,
.hdaf-search input,
.hdaf-search select,
.hdaf-search button,
.hdaf-search-form input,
.hdaf-search-form select,
.hdaf-search-form button,
.hdaf-product-search input,
.hdaf-product-search select,
.hdaf-product-search button{
  box-shadow:none !important;
  outline:none !important;
  filter:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

.hdaf-header-search input:focus,
.hdaf-header-search select:focus,
.hdaf-header-search button:focus,
.hdaf-search input:focus,
.hdaf-search select:focus,
.hdaf-search button:focus,
.hdaf-search-form input:focus,
.hdaf-search-form select:focus,
.hdaf-search-form button:focus,
.hdaf-product-search input:focus,
.hdaf-product-search select:focus,
.hdaf-product-search button:focus{
  box-shadow:none !important;
  outline:none !important;
}

.hdaf-header-search:focus-within,
.hdaf-search:focus-within,
.hdaf-search-form:focus-within,
.hdaf-product-search:focus-within{
  border-color:var(--hdaf-orange, #ff6a00) !important;
}