/**
 * MishaDort Blocks v2 - Sticky (compact) header.
 *
 * Extracted from assets/blocks/_shared/site.css by Claude, 2026-09-16.
 *
 * The compact menu on ai-* pages is v2-only markup: parts/ai-header.html emits
 * `#mdb_sticky.mdb-header--sticky`, and _shared/site.js toggles `.stick` on it.
 * Legacy only ever styles `#sticky.stick`, so it cannot dress this header.
 *
 * Both site.css and site.js sit behind `! mishadort_is_legacy_request()`, which
 * returns true on the front end ("safety override ... guarantee full CSS cascade
 * parity" in inc/assets-vendor.php). The compact menu therefore never loaded and
 * stopped appearing. Loading the whole of site.css front-side is not an option -
 * its `.mdb-container { max-width: 1200px }` would override the legacy 1170.
 *
 * Every selector here is v2-only (#mdb_sticky / .mdb-header--sticky / .mdb-sticky__*),
 * so this file is purely additive and cannot reach legacy markup.
 */

.mdb-header--sticky,
#mdb_sticky {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	background: #ffffff;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12);
	z-index: 99999;
	padding: 0;
	transform: translateY(-100%);
	transition: transform 0.35s ease;
}

.mdb-header--sticky.stick,
.mdb-header--sticky.is-stuck,
.mdb-header--sticky.is-sticky,
#mdb_sticky.stick,
#mdb_sticky.is-stuck,
#mdb_sticky.is-sticky {
	transform: translateY(0);
}

@media (max-width: 767px) {
	.mdb-header--sticky,
	#mdb_sticky {
		display: none !important;
	}
}

.mdb-sticky__container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 64px;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 30px;
	box-sizing: border-box;
}