/* ---- 1. Slim sticky header after scrolling (phones + tablets) ----------------
 * Avada's header layout stacks into 2-3 rows below desktop width. Once scrolled
 * (html.aw-hdr-slim, set by mobile-chrome.js) and stuck, show one row:
 * menu/cart column first, search filling the rest, logo hidden. */
@media (max-width: 1199px) {
	html.aw-hdr-slim .fusion-tb-header .fusion-sticky-container.fusion-container-stuck {
		--awb-padding-top: 6px !important; --awb-padding-bottom: 6px !important;
		--awb-padding-left: 12px !important; --awb-padding-right: 12px !important;
		padding: 6px 12px !important; min-height: 0 !important;
	}
	html.aw-hdr-slim .fusion-tb-header .fusion-container-stuck > .fusion-builder-row {
		flex-wrap: nowrap !important; align-items: center !important; gap: 8px;
	}
	html.aw-hdr-slim .fusion-tb-header .fusion-container-stuck .fusion_builder_column_1_5:has(img) { display: none !important; }
	html.aw-hdr-slim .fusion-tb-header .fusion-container-stuck .fusion-layout-column:has(.dgwt-wcas-search-wrapp) {
		order: 2 !important; flex: 1 1 auto !important; width: auto !important; min-width: 0 !important; margin: 0 !important;
	}
	html.aw-hdr-slim .fusion-tb-header .fusion-container-stuck .fusion-layout-column:has(nav) {
		order: 1 !important; flex: 0 0 auto !important; width: auto !important; margin: 0 !important;
	}
	html.aw-hdr-slim .fusion-tb-header .fusion-container-stuck .fusion-layout-column > .fusion-column-wrapper {
		padding: 0 !important; margin: 0 !important; min-height: 0 !important;
	}
	html.aw-hdr-slim .fusion-tb-header .fusion-container-stuck .fusion-layout-column:has(nav) > .fusion-column-wrapper {
		flex-direction: row !important; align-items: center !important; flex-wrap: nowrap !important;
	}
}

/* ---- 2. Compact cookie notice on phones --------------------------------------
 * Complianz showed a 258px card over the make/model/category finder. Same text and
 * buttons, laid out as a bottom bar: message left, close + Accept right. */
@media (max-width: 640px) {
	.cmplz-cookiebanner.cmplz-cookiebanner {
		left: 0 !important; right: 0 !important; bottom: 0 !important; width: 100% !important; max-width: none !important;
		margin: 0 !important; border-radius: 0 !important; padding: 10px 12px !important;
		grid-template-columns: minmax( 0, 1fr ) auto !important; column-gap: 10px !important; row-gap: 0 !important;
		align-items: center !important; box-shadow: 0 -2px 12px rgba( 0, 0, 0, .15 ) !important;
	}
	.cmplz-cookiebanner .cmplz-header { grid-column: 2 !important; grid-row: 1 !important; align-self: start !important; }
	.cmplz-cookiebanner .cmplz-header .cmplz-logo,
	.cmplz-cookiebanner .cmplz-header .cmplz-title { display: none !important; }
	.cmplz-cookiebanner .cmplz-body {
		grid-column: 1 !important; grid-row: 1 / span 2 !important; margin: 0 !important;
		width: auto !important; min-width: 0 !important; display: block !important;
	}
	.cmplz-cookiebanner .cmplz-message { font-size: 11.5px !important; line-height: 1.3 !important; margin: 0 !important; }
	.cmplz-cookiebanner .cmplz-buttons { grid-column: 2 !important; grid-row: 2 !important; margin: 6px 0 0 !important; align-self: end !important; }
	.cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
		width: auto !important; min-width: 84px; height: 36px !important; padding: 0 12px !important; font-size: 14px !important; margin: 0 !important;
	}
}