/* ==========================================================================
   ApplyWithMe Elevate — header, mega menu, mobile drawer, search
   ========================================================================== */

/* ---- Announcement bar ---------------------------------------------------- */

.apwm-announce {
	position: relative;
	background: var(--apwm-gradient-deep);
	color: #fff;
	font-size: var(--apwm-fs-xs);
	font-weight: 600;
}
.apwm-announce__inner {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: var(--apwm-s-3);
	min-height: 38px;
	padding-block: var(--apwm-s-2);
	text-align: center;
	flex-wrap: wrap;
}
.apwm-announce a { color: #fff; text-decoration: underline; text-underline-offset: 3px; font-weight: 700; }
.apwm-announce__close {
	position: absolute;
	right: var(--apwm-s-3);
	top: 50%;
	transform: translateY(-50%);
	background: none;
	border: 0;
	color: rgba(255,255,255,0.75);
	cursor: pointer;
	padding: 4px;
	line-height: 0;
	border-radius: var(--apwm-r-sm);
}
.apwm-announce__close:hover { color: #fff; background: rgba(255,255,255,0.14); }
.apwm-announce__close svg { width: 16px; height: 16px; }
.apwm-announce.is-hidden { display: none; }

/* ---- Header shell -------------------------------------------------------- */

.apwm-header {
	position: sticky;
	top: 0;
	z-index: var(--apwm-z-header);
	background: color-mix(in srgb, var(--apwm-bg) 88%, transparent);
	backdrop-filter: saturate(180%) blur(14px);
	-webkit-backdrop-filter: saturate(180%) blur(14px);
	border-bottom: 1px solid transparent;
	transition: border-color var(--apwm-t-base) var(--apwm-ease),
	            box-shadow var(--apwm-t-base) var(--apwm-ease),
	            background-color var(--apwm-t-base) var(--apwm-ease);
}
.apwm-header.is-stuck {
	border-bottom-color: var(--apwm-border);
	box-shadow: var(--apwm-shadow-sm);
	background: color-mix(in srgb, var(--apwm-bg) 96%, transparent);
}

@supports not (backdrop-filter: blur(1px)) {
	.apwm-header { background: var(--apwm-bg); }
}

.apwm-header__inner {
	display: flex;
	flex-direction: column;
	gap: 0;
}

.apwm-header__bar {
	display: flex;
	align-items: center;
	gap: var(--apwm-s-4);
	min-height: var(--apwm-header-h);
	width: 100%;
}

.apwm-header__bar .apwm-brand {
	flex: none;
}

.apwm-header__bar .apwm-nav {
	flex: 1 1 auto;
	min-width: 0;
}

.apwm-header__bar .apwm-actions {
	flex: none;
	margin-inline-start: auto;
}

.apwm-header--centered .apwm-header__bar {
	flex-direction: column;
	align-items: stretch;
	padding-bottom: var(--apwm-s-2);
}

.apwm-header--centered .apwm-header__bar .apwm-brand {
	align-self: center;
}

.apwm-header--centered .apwm-header__bar .apwm-actions {
	position: absolute;
	top: 50%;
	right: var(--apwm-gutter);
	transform: translateY(-50%);
	margin-inline-start: 0;
}

.apwm-header--centered .apwm-header__inner {
	position: relative;
}

.apwm-header--centered .apwm-header__bar .apwm-nav {
	width: 100%;
	justify-content: center;
	border-top: 1px solid var(--apwm-border);
	padding-top: var(--apwm-s-2);
}

/* Legacy row class (drawer/mobile references) */
.apwm-header__row--brand {
	display: flex;
	align-items: center;
	gap: var(--apwm-s-6);
	min-height: var(--apwm-header-h);
	width: 100%;
}

.apwm-header__row--brand .apwm-brand {
	flex: none;
}

.apwm-header__row--brand .apwm-actions {
	margin-inline-start: auto;
}

.apwm-header--centered .apwm-header__row--brand {
	justify-content: center;
	position: relative;
}

.apwm-header--centered .apwm-header__row--brand .apwm-actions {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	margin-inline-start: 0;
}

.apwm-header--centered .apwm-nav {
	width: 100%;
	justify-content: center;
	border-top: 1px solid var(--apwm-border);
	padding-top: var(--apwm-s-2);
	padding-bottom: var(--apwm-s-2);
}

.apwm-header-static .apwm-header {
	position: relative;
	top: auto;
}

.apwm-header-static .apwm-header.is-stuck {
	position: relative;
	box-shadow: none;
}

/* ---- Brand --------------------------------------------------------------- */

.apwm-brand {
	display: inline-flex;
	align-items: center;
	gap: var(--apwm-s-3);
	text-decoration: none;
	flex: none;
	color: var(--apwm-text);
}
.apwm-brand__mark,
.apwm-site-logo,
.apwm-brand .custom-logo {
	height: auto;
	width: auto;
	max-height: var(--apwm-logo-h, 48px);
	max-width: var(--apwm-logo-max-w, 220px);
	object-fit: contain;
	flex: none;
	display: block;
}
.apwm-brand--logo-only { gap: 0; }
.apwm-brand__text { display: flex; flex-direction: column; line-height: 1.05; }
.apwm-brand__name {
	font-family: var(--apwm-font-display);
	font-size: 1.08rem;
	font-weight: 800;
	letter-spacing: -0.02em;
	color: var(--apwm-text);
}
.apwm-brand__tag {
	font-size: 0.66rem;
	font-weight: 700;
	letter-spacing: 0.09em;
	text-transform: uppercase;
	color: var(--apwm-secondary);
}
@media (max-width: 400px) { .apwm-brand__text { display: none; } }

/* ---- Primary navigation -------------------------------------------------- */

.apwm-nav { display: none; width: 100%; }
@media (min-width: 1100px) {
	.apwm-nav { display: flex; justify-content: flex-start; }
	.apwm-header__bar .apwm-nav { display: flex; }
	.apwm-header:not(.apwm-header--centered) .apwm-header__bar {
		flex-wrap: nowrap;
	}
}

.apwm-nav-align-left .apwm-nav,
.apwm-nav-align-left .apwm-nav__list { justify-content: flex-start; }

.apwm-nav-align-center .apwm-nav,
.apwm-nav-align-center .apwm-nav__list { justify-content: center; }

.apwm-nav-align-right .apwm-nav,
.apwm-nav-align-right .apwm-nav__list { justify-content: flex-end; }

.apwm-header--centered.apwm-nav-align-center .apwm-nav__list { margin-inline: auto; }

.apwm-nav__list {
	display: flex;
	align-items: center;
	gap: var(--apwm-s-1);
	list-style: none;
	margin: 0;
	padding: 0;
}

.apwm-nav__item { position: relative; }

.apwm-nav__link {
	display: inline-flex;
	align-items: center;
	gap: 0.35em;
	padding: 0.6rem 0.85rem;
	border-radius: var(--apwm-r-md);
	font-family: var(--apwm-font-display);
	font-size: var(--apwm-fs-sm);
	font-weight: 700;
	color: var(--apwm-text);
	text-decoration: none;
	white-space: nowrap;
	background: none;
	border: 0;
	cursor: pointer;
	transition: background-color var(--apwm-t-fast) var(--apwm-ease),
	            color var(--apwm-t-fast) var(--apwm-ease);
}
.apwm-nav__link:hover,
.apwm-nav__item:focus-within > .apwm-nav__link,
.apwm-nav__item.is-open > .apwm-nav__link {
	background: var(--apwm-primary-soft);
	color: var(--apwm-primary);
}

.apwm-nav__item.current-menu-item > .apwm-nav__link,
.apwm-nav__item.current-menu-ancestor > .apwm-nav__link,
.apwm-nav__item.current-menu-parent > .apwm-nav__link { color: var(--apwm-primary); }

/* Active underline */
.apwm-nav__item.current-menu-item > .apwm-nav__link::after,
.apwm-nav__item.current-menu-ancestor > .apwm-nav__link::after {
	content: "";
	position: absolute;
	left: 0.85rem;
	right: 0.85rem;
	bottom: 0.2rem;
	height: 2px;
	border-radius: var(--apwm-r-pill);
	background: var(--apwm-gradient);
}

.apwm-nav__caret {
	width: 14px; height: 14px;
	flex: none;
	opacity: 0.6;
	transition: transform var(--apwm-t-fast) var(--apwm-ease);
}
.apwm-nav__item.is-open > .apwm-nav__link .apwm-nav__caret { transform: rotate(180deg); }

/* ---- Standard dropdown (single column) ----------------------------------- */

.apwm-dropdown {
	position: absolute;
	top: calc(100% + 10px);
	left: 0;
	min-width: 240px;
	padding: var(--apwm-s-2);
	list-style: none;
	margin: 0;
	background: var(--apwm-card);
	border: 1px solid var(--apwm-border);
	border-radius: var(--apwm-r-lg);
	box-shadow: var(--apwm-shadow-lg);
	opacity: 0;
	visibility: hidden;
	transform: translateY(-8px);
	transition: opacity var(--apwm-t-base) var(--apwm-ease),
	            transform var(--apwm-t-base) var(--apwm-ease),
	            visibility var(--apwm-t-base);
	z-index: var(--apwm-z-mega);
}
.apwm-nav__item:hover > .apwm-dropdown,
.apwm-nav__item:focus-within > .apwm-dropdown,
.apwm-nav__item.is-open > .apwm-dropdown {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.apwm-dropdown a {
	display: flex;
	align-items: center;
	gap: var(--apwm-s-3);
	padding: 0.6rem 0.75rem;
	border-radius: var(--apwm-r-md);
	color: var(--apwm-text);
	font-size: var(--apwm-fs-sm);
	font-weight: 600;
	text-decoration: none;
	transition: background-color var(--apwm-t-fast) var(--apwm-ease), color var(--apwm-t-fast) var(--apwm-ease);
}
.apwm-dropdown a:hover { background: var(--apwm-primary-soft); color: var(--apwm-primary); }

/* ---- Mega menu ----------------------------------------------------------- */

.apwm-mega {
	position: absolute;
	top: calc(100% + 10px);
	left: 50%;
	transform: translateX(-50%) translateY(-8px);
	width: min(940px, calc(100vw - 3rem));
	padding: var(--apwm-s-6);
	background: var(--apwm-card);
	border: 1px solid var(--apwm-border);
	border-radius: var(--apwm-r-xl);
	box-shadow: var(--apwm-shadow-lg);
	opacity: 0;
	visibility: hidden;
	transition: opacity var(--apwm-t-base) var(--apwm-ease),
	            transform var(--apwm-t-base) var(--apwm-ease),
	            visibility var(--apwm-t-base);
	z-index: var(--apwm-z-mega);
}
.apwm-nav__item:hover > .apwm-mega,
.apwm-nav__item:focus-within > .apwm-mega,
.apwm-nav__item.is-open > .apwm-mega {
	opacity: 1;
	visibility: visible;
	transform: translateX(-50%) translateY(0);
}

/* Invisible bridge so the pointer can travel from trigger to panel */
.apwm-nav__item:has(.apwm-mega)::after,
.apwm-nav__item:has(.apwm-dropdown)::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	height: 12px;
}

.apwm-mega__grid {
	display: grid;
	gap: var(--apwm-s-6);
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}
.apwm-mega--with-promo .apwm-mega__grid { grid-template-columns: repeat(3, minmax(0, 1fr)) 260px; }
@media (max-width: 1200px) {
	.apwm-mega--with-promo .apwm-mega__grid { grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); }
	.apwm-mega__promo { display: none; }
}

.apwm-mega__col-title {
	font-family: var(--apwm-font-display);
	font-size: 0.7rem;
	font-weight: 800;
	letter-spacing: var(--apwm-tracking-wide);
	text-transform: uppercase;
	color: var(--apwm-text-muted);
	margin: 0 0 var(--apwm-s-3);
	padding-bottom: var(--apwm-s-2);
	border-bottom: 1px solid var(--apwm-border);
}

.apwm-mega__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 2px; }

.apwm-mega__link {
	display: flex;
	align-items: flex-start;
	gap: var(--apwm-s-3);
	padding: var(--apwm-s-2) var(--apwm-s-3);
	border-radius: var(--apwm-r-md);
	color: var(--apwm-text);
	text-decoration: none;
	transition: background-color var(--apwm-t-fast) var(--apwm-ease);
}
.apwm-mega__link:hover { background: var(--apwm-bg-subtle); color: var(--apwm-text); }
.apwm-mega__link:hover .apwm-mega__link-title { color: var(--apwm-primary); }

.apwm-mega__link-icon {
	width: 34px; height: 34px;
	flex: none;
	display: grid; place-items: center;
	border-radius: var(--apwm-r-sm);
	background: var(--apwm-primary-soft);
	color: var(--apwm-primary);
}
.apwm-mega__link-icon svg { width: 17px; height: 17px; }
.apwm-mega__link--teal   .apwm-mega__link-icon { background: var(--apwm-teal-50);   color: var(--apwm-teal-600); }
.apwm-mega__link--violet .apwm-mega__link-icon { background: var(--apwm-violet-50); color: var(--apwm-violet-600); }
.apwm-mega__link--amber  .apwm-mega__link-icon { background: var(--apwm-amber-100); color: var(--apwm-amber-600); }

.apwm-mega__link-body { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.apwm-mega__link-title {
	font-family: var(--apwm-font-display);
	font-size: var(--apwm-fs-sm);
	font-weight: 700;
	line-height: 1.35;
	transition: color var(--apwm-t-fast) var(--apwm-ease);
}
.apwm-mega__link-desc {
	font-size: 0.76rem;
	color: var(--apwm-text-muted);
	line-height: 1.4;
}

/* Promo panel inside mega */
.apwm-mega__promo {
	padding: var(--apwm-s-5);
	border-radius: var(--apwm-r-lg);
	background: var(--apwm-gradient-soft);
	border: 1px solid var(--apwm-border);
	display: flex;
	flex-direction: column;
	gap: var(--apwm-s-3);
}
.apwm-mega__promo-label {
	font-size: 0.66rem;
	font-weight: 800;
	letter-spacing: var(--apwm-tracking-wide);
	text-transform: uppercase;
	color: var(--apwm-accent);
}
.apwm-mega__promo-title {
	font-family: var(--apwm-font-display);
	font-size: var(--apwm-fs-base);
	font-weight: 800;
	line-height: 1.35;
	margin: 0;
}
.apwm-mega__promo-title a { color: var(--apwm-text); text-decoration: none; }
.apwm-mega__promo-title a:hover { color: var(--apwm-primary); }
.apwm-mega__promo-meta { font-size: 0.74rem; color: var(--apwm-text-muted); }
.apwm-mega__promo img { border-radius: var(--apwm-r-md); aspect-ratio: 16/9; object-fit: cover; width: 100%; }

.apwm-mega__footer {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: var(--apwm-s-3);
	margin-top: var(--apwm-s-5);
	padding-top: var(--apwm-s-4);
	border-top: 1px solid var(--apwm-border);
	font-size: var(--apwm-fs-xs);
	color: var(--apwm-text-muted);
}

/* ---- Header actions ------------------------------------------------------ */

.apwm-actions {
	display: flex;
	align-items: center;
	gap: var(--apwm-s-2);
	margin-inline-start: auto;
	flex: none;
}
@media (min-width: 1100px) { .apwm-actions { margin-inline-start: 0; } }

.apwm-iconbtn {
	width: 40px; height: 40px;
	display: grid;
	place-items: center;
	border: 1px solid var(--apwm-border);
	border-radius: var(--apwm-r-md);
	background: var(--apwm-card);
	color: var(--apwm-text);
	cursor: pointer;
	transition: all var(--apwm-t-fast) var(--apwm-ease);
}
.apwm-iconbtn:hover { border-color: var(--apwm-primary); color: var(--apwm-primary); background: var(--apwm-primary-soft); }
.apwm-iconbtn svg { width: 19px; height: 19px; }

/* Compact search trigger (not a lone generic icon) */
.apwm-search-trigger {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	padding: 0.45rem 0.85rem 0.45rem 0.65rem;
	border: 1px solid var(--apwm-border);
	border-radius: 999px;
	background: var(--apwm-bg-subtle);
	color: var(--apwm-text-muted);
	font-size: var(--apwm-fs-sm);
	font-weight: 800;
	cursor: pointer;
	transition: border-color var(--apwm-t-fast) var(--apwm-ease), color var(--apwm-t-fast) var(--apwm-ease), background var(--apwm-t-fast) var(--apwm-ease);
}
.apwm-search-trigger svg { width: 17px; height: 17px; flex: none; }
.apwm-search-trigger:hover,
.apwm-search-trigger:focus-visible {
	border-color: var(--apwm-blue-400);
	color: var(--apwm-blue-700);
	background: color-mix(in srgb, var(--apwm-blue-500) 8%, var(--apwm-bg-subtle));
	outline: none;
}
@media (max-width: 720px) {
	.apwm-search-trigger__label { display: none; }
	.apwm-search-trigger { padding: 0.5rem; border-radius: var(--apwm-r-md); }
}

.apwm-iconbtn__moon { display: block; }
.apwm-iconbtn__sun  { display: none; }

html[data-apwm-theme="dark"] .apwm-iconbtn__sun,
:root[data-apwm-theme="dark"] .apwm-iconbtn__sun  { display: block; }
html[data-apwm-theme="dark"] .apwm-iconbtn__moon,
:root[data-apwm-theme="dark"] .apwm-iconbtn__moon { display: none; }

html[data-apwm-theme="light"] .apwm-iconbtn__moon,
:root[data-apwm-theme="light"] .apwm-iconbtn__moon { display: block; }
html[data-apwm-theme="light"] .apwm-iconbtn__sun,
:root[data-apwm-theme="light"] .apwm-iconbtn__sun  { display: none; }

@media (prefers-color-scheme: dark) {
	html:not([data-apwm-theme="light"]) .apwm-iconbtn__sun,
	:root:not([data-apwm-theme="light"]) .apwm-iconbtn__sun  { display: block; }
	html:not([data-apwm-theme="light"]) .apwm-iconbtn__moon,
	:root:not([data-apwm-theme="light"]) .apwm-iconbtn__moon { display: none; }
}

.apwm-actions__signin { display: none; }
@media (min-width: 780px) { .apwm-actions__signin { display: inline-flex; } }

.apwm-actions__join { display: none; }
@media (min-width: 640px) { .apwm-actions__join { display: inline-flex; } }

/* Burger */
.apwm-burger { display: grid; }
@media (min-width: 1100px) { .apwm-burger { display: none; } }
.apwm-burger__bars { width: 19px; height: 14px; position: relative; }
.apwm-burger__bars span {
	position: absolute;
	left: 0;
	height: 2px;
	width: 100%;
	border-radius: 2px;
	background: currentColor;
	transition: transform var(--apwm-t-base) var(--apwm-ease), opacity var(--apwm-t-fast) var(--apwm-ease);
}
.apwm-burger__bars span:nth-child(1) { top: 0; }
.apwm-burger__bars span:nth-child(2) { top: 6px; }
.apwm-burger__bars span:nth-child(3) { top: 12px; }
.apwm-burger[aria-expanded="true"] .apwm-burger__bars span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
.apwm-burger[aria-expanded="true"] .apwm-burger__bars span:nth-child(2) { opacity: 0; }
.apwm-burger[aria-expanded="true"] .apwm-burger__bars span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }

/* ---- Search overlay (editorial, live suggestions) ------------------------ */

.apwm-searchbox {
	position: fixed;
	inset: 0;
	z-index: var(--apwm-z-drawer);
	display: flex;
	flex-direction: column;
	background: var(--apwm-bg);
	opacity: 0;
	visibility: hidden;
	transition: opacity var(--apwm-t-base) var(--apwm-ease), visibility var(--apwm-t-base);
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}
.apwm-searchbox.is-open { opacity: 1; visibility: visible; }

.apwm-searchbox__shell {
	width: min(980px, 100%);
	margin: 0 auto;
	padding: clamp(1.25rem, 4vw, 2.5rem) var(--apwm-gutter) 3rem;
	transform: translateY(-12px);
	transition: transform var(--apwm-t-base) var(--apwm-ease);
}
.apwm-searchbox.is-open .apwm-searchbox__shell { transform: translateY(0); }

.apwm-searchbox__shell::before {
	content: "";
	display: block;
	height: 4px;
	border-radius: 999px;
	margin-bottom: clamp(1.25rem, 3vw, 2rem);
	background: linear-gradient(90deg, var(--apwm-blue-500), var(--apwm-teal-500), var(--apwm-violet-500));
}

.apwm-searchbox__top {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: var(--apwm-s-4);
	margin-bottom: var(--apwm-s-5);
}

.apwm-searchbox__kicker {
	margin: 0 0 0.35rem;
	font-size: var(--apwm-fs-xs);
	font-weight: 800;
	letter-spacing: var(--apwm-tracking-wide);
	text-transform: uppercase;
	color: var(--apwm-teal-600);
}

.apwm-searchbox__title {
	margin: 0;
	font-size: clamp(1.65rem, 4vw, 2.35rem);
	line-height: 1.15;
	letter-spacing: -0.02em;
}

.apwm-searchbox__close {
	flex: none;
	width: 2.75rem;
	height: 2.75rem;
	display: grid;
	place-items: center;
	border: 1px solid var(--apwm-border);
	border-radius: var(--apwm-r-md);
	background: var(--apwm-card);
	color: inherit;
	cursor: pointer;
	transition: border-color var(--apwm-t-fast) var(--apwm-ease), background var(--apwm-t-fast) var(--apwm-ease);
}
.apwm-searchbox__close:hover { border-color: var(--apwm-blue-400); }

.apwm-searchbox__form {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: var(--apwm-s-3);
	align-items: stretch;
	margin-bottom: var(--apwm-s-2);
}

.apwm-searchbox__inputwrap {
	display: flex;
	align-items: center;
	gap: var(--apwm-s-3);
	padding: 0 var(--apwm-s-4);
	border: 2px solid var(--apwm-border);
	border-radius: var(--apwm-r-lg);
	background: var(--apwm-card);
	transition: border-color var(--apwm-t-fast) var(--apwm-ease), box-shadow var(--apwm-t-fast) var(--apwm-ease);
}
.apwm-searchbox__inputwrap:focus-within {
	border-color: var(--apwm-blue-400);
	box-shadow: 0 0 0 4px color-mix(in srgb, var(--apwm-blue-500) 14%, transparent);
}

.apwm-searchbox__icon { flex: none; color: var(--apwm-text-muted); }

.apwm-searchbox__input {
	flex: 1;
	min-width: 0;
	border: 0;
	background: transparent;
	font: inherit;
	font-size: clamp(1.05rem, 2.5vw, 1.35rem);
	padding: 0.95rem 0;
	color: inherit;
}
.apwm-searchbox__input:focus { outline: none; }
.apwm-searchbox__input::placeholder { color: var(--apwm-slate-2); }

.apwm-searchbox__submit {
	border: 0;
	border-radius: var(--apwm-r-lg);
	padding: 0 1.25rem;
	font-weight: 800;
	font-size: var(--apwm-fs-sm);
	cursor: pointer;
	color: #fff;
	background: linear-gradient(135deg, var(--apwm-blue-600), var(--apwm-teal-600));
	white-space: nowrap;
}

.apwm-searchbox__status {
	min-height: 1.25rem;
	margin: 0 0 var(--apwm-s-4);
	font-size: var(--apwm-fs-sm);
	color: var(--apwm-text-muted);
}

.apwm-searchbox__grid {
	display: grid;
	grid-template-columns: minmax(0, 1.4fr) minmax(240px, 0.85fr);
	gap: clamp(1.25rem, 3vw, 2rem);
	align-items: start;
}

.apwm-searchbox__section-title {
	margin: 0 0 var(--apwm-s-3);
	font-size: var(--apwm-fs-xs);
	font-weight: 800;
	letter-spacing: var(--apwm-tracking-wide);
	text-transform: uppercase;
	color: var(--apwm-text-muted);
}

.apwm-searchbox__live,
.apwm-searchbox__aside > * {
	background: var(--apwm-card);
	border: 1px solid var(--apwm-border);
	border-radius: var(--apwm-r-lg);
	padding: var(--apwm-s-4) var(--apwm-s-5);
}

.apwm-searchbox__results { min-height: 4rem; }

.apwm-searchbox__chips {
	display: flex;
	flex-wrap: wrap;
	gap: var(--apwm-s-2);
}

.apwm-searchbox__nudge { margin-top: var(--apwm-s-4); }
.apwm-searchbox__nudge p {
	margin: 0 0 var(--apwm-s-2);
	font-size: var(--apwm-fs-sm);
	color: var(--apwm-text-muted);
	line-height: 1.5;
}
.apwm-searchbox__nudge--soft {
	background: color-mix(in srgb, var(--apwm-violet-500) 5%, var(--apwm-card));
	border-style: dashed;
}

.apwm-searchbox__link {
	font-weight: 800;
	font-size: var(--apwm-fs-sm);
	color: var(--apwm-blue-600);
	text-decoration: none;
}
.apwm-searchbox__link:hover { text-decoration: underline; }

@media (max-width: 820px) {
	.apwm-searchbox__grid { grid-template-columns: 1fr; }
	.apwm-searchbox__form { grid-template-columns: 1fr; }
	.apwm-searchbox__submit { padding-block: 0.85rem; }
}

/* ---- Mobile drawer ------------------------------------------------------- */

.apwm-drawer {
	position: fixed;
	inset: 0 0 0 auto;
	width: min(420px, 88vw);
	z-index: var(--apwm-z-drawer);
	background: var(--apwm-bg);
	border-left: 1px solid var(--apwm-border);
	box-shadow: var(--apwm-shadow-lg);
	transform: translateX(100%);
	transition: transform var(--apwm-t-slow) var(--apwm-ease);
	display: flex;
	flex-direction: column;
	overscroll-behavior: contain;
}
.apwm-drawer.is-open { transform: translateX(0); }

.apwm-drawer__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--apwm-s-4);
	padding: var(--apwm-s-4) var(--apwm-s-5);
	border-bottom: 1px solid var(--apwm-border);
	flex: none;
}

.apwm-drawer__body {
	flex: 1;
	overflow-y: auto;
	padding: var(--apwm-s-5);
	-webkit-overflow-scrolling: touch;
}

.apwm-drawer__foot {
	flex: none;
	padding: var(--apwm-s-5);
	border-top: 1px solid var(--apwm-border);
	display: grid;
	gap: var(--apwm-s-3);
	background: var(--apwm-bg-subtle);
}

.apwm-mnav { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 2px; }
.apwm-mnav__item { border-bottom: 1px solid var(--apwm-line-2); }
.apwm-mnav__row { display: flex; align-items: stretch; }

.apwm-mnav__link {
	flex: 1;
	display: flex;
	align-items: center;
	gap: var(--apwm-s-3);
	padding: 0.9rem 0.25rem;
	font-family: var(--apwm-font-display);
	font-size: var(--apwm-fs-md);
	font-weight: 700;
	color: var(--apwm-text);
	text-decoration: none;
}
.apwm-mnav__link:hover { color: var(--apwm-primary); }

.apwm-mnav__toggle {
	flex: none;
	width: 44px;
	display: grid;
	place-items: center;
	background: none;
	border: 0;
	color: var(--apwm-text-muted);
	cursor: pointer;
	border-radius: var(--apwm-r-md);
}
.apwm-mnav__toggle svg { width: 18px; height: 18px; transition: transform var(--apwm-t-base) var(--apwm-ease); }
.apwm-mnav__toggle[aria-expanded="true"] svg { transform: rotate(180deg); }
.apwm-mnav__toggle:hover { background: var(--apwm-primary-soft); color: var(--apwm-primary); }

.apwm-mnav__sub {
	list-style: none;
	margin: 0;
	padding: 0 0 var(--apwm-s-3) var(--apwm-s-4);
	display: none;
}
.apwm-mnav__sub.is-open { display: block; }
.apwm-mnav__sub a {
	display: block;
	padding: 0.6rem 0.5rem;
	border-left: 2px solid var(--apwm-border);
	color: var(--apwm-text-muted);
	font-size: var(--apwm-fs-sm);
	font-weight: 600;
	text-decoration: none;
}
.apwm-mnav__sub a:hover { border-left-color: var(--apwm-primary); color: var(--apwm-primary); background: var(--apwm-bg-subtle); }

.apwm-drawer__search { margin-bottom: var(--apwm-s-5); }

/* Scrim shared by drawer */
.apwm-scrim {
	position: fixed;
	inset: 0;
	z-index: var(--apwm-z-overlay);
	background: color-mix(in srgb, var(--apwm-ink) 55%, transparent);
	backdrop-filter: blur(3px);
	opacity: 0;
	visibility: hidden;
	transition: opacity var(--apwm-t-base) var(--apwm-ease), visibility var(--apwm-t-base);
}
.apwm-scrim.is-open { opacity: 1; visibility: visible; }

/* ---- Header builder layout ----------------------------------------------- */

.apwm-header--built .apwm-header__inner {
	gap: 0;
}

.apwm-hrow {
	display: flex;
	align-items: center;
	gap: var(--apwm-s-4);
	width: 100%;
	min-height: var(--apwm-header-h);
}

.apwm-hrow--secondary {
	min-height: auto;
	padding-bottom: var(--apwm-s-2);
	border-top: 1px solid var(--apwm-border);
	padding-top: var(--apwm-s-2);
}

.apwm-hzone {
	display: flex;
	align-items: center;
	min-width: 0;
}

.apwm-hzone--left { flex: 0 0 auto; }
.apwm-hzone--center { flex: 1 1 auto; justify-content: center; }
.apwm-hzone--right { flex: 0 0 auto; margin-inline-start: auto; }

.apwm-header-built--multi .apwm-hrow--primary {
	position: relative;
}

.apwm-header-built--multi .apwm-hrow--primary .apwm-hzone--right {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	margin-inline-start: 0;
}

.apwm-header-built--multi .apwm-hrow--primary .apwm-hzone--center {
	width: 100%;
	justify-content: center;
}

.apwm-header-built--multi .apwm-hrow--secondary .apwm-nav {
	width: 100%;
	justify-content: center;
}

.apwm-nav-align-left .apwm-header--built .apwm-hrow--secondary .apwm-nav { justify-content: flex-start; }
.apwm-nav-align-right .apwm-header--built .apwm-hrow--secondary .apwm-nav { justify-content: flex-end; }

@media (max-width: 1023px) {
	.apwm-header--built .apwm-hzone--center .apwm-nav { display: none; }
	.apwm-header--built .apwm-hrow--secondary { display: none; }
}

@media (max-width: 1099px) {
	.apwm-header--built .apwm-hrow {
		flex-wrap: nowrap;
		gap: var(--apwm-s-2);
	}

	.apwm-header--built .apwm-hzone--left {
		flex: 1 1 auto;
		min-width: 0;
		overflow: hidden;
	}

	.apwm-header--built .apwm-hzone--left .apwm-brand {
		max-width: 100%;
	}

	.apwm-header--built .apwm-hzone--center:not(:has(.apwm-brand)) {
		display: none;
		flex: 0;
		width: 0;
		padding: 0;
		margin: 0;
		overflow: hidden;
	}

	.apwm-header-built--multi .apwm-hrow--primary .apwm-hzone--right {
		position: static;
		transform: none;
		flex: none;
	}

	.apwm-header--built .apwm-hzone--right {
		flex: none;
		margin-inline-start: auto;
	}

	.apwm-header--built .apwm-actions {
		flex-wrap: nowrap;
	}

	.apwm-burger {
		display: grid !important;
		flex: none;
	}
}