/**
 * Header row Display: Flex + Width marker overrides.
 * Blocksy defaults to display:grid on #header [data-column-set] > div.
 * Align/justify/gap/max-width values are compiled in PHP (sticky JS wipes inline styles on [data-row]).
 */

/* Smooth sticky height changes (custom sticky heights or Blocksy shrink).
 * Overrides Blocksy .site-logo-container { transition: none }. */
#header [data-id="logo"] .site-logo-container {
	transition: height 0.3s ease, max-height 0.3s ease !important;
}

#header [data-id="logo"] .site-logo-container img,
#header [data-id="logo"] .site-logo-container svg,
#header [data-id="logo"] .site-logo-container picture {
	transition: height 0.3s ease, max-height 0.3s ease;
}

#header [data-row] > div {
	transition: min-height 0.3s ease;
}

@media (prefers-reduced-motion: reduce) {
	#header [data-id="logo"] .site-logo-container,
	#header [data-id="logo"] .site-logo-container img,
	#header [data-id="logo"] .site-logo-container svg,
	#header [data-id="logo"] .site-logo-container picture,
	#header [data-row] > div {
		transition: none !important;
	}
}

/* Flex layout — beat Blocksy #header [data-column-set='2'|'3'] > div { display: grid } */
#header [data-sprint-row-display="flex"][data-column-set] > div,
#header [data-sprint-row-display="flex"] > .ct-container,
#header [data-sprint-row-display="flex"] > .ct-container-fluid {
	display: flex !important;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-start;
	gap: 0;
	grid-template-columns: unset;
}

#header [data-sprint-row-display="flex"] > div > [data-column] {
	flex: 0 1 auto;
	width: auto;
	max-width: 100%;
	min-width: 0;
}

#header [data-sprint-row-display="flex"] [data-column] > [data-items] {
	width: auto;
}