/**
 * Header row Display: Flex + Width (PX slider) overrides.
 * Blocksy defaults to display:grid on #header [data-column-set] > div.
 */

/* 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: var(--sprint-header-row-align-items, center);
	justify-content: var(--sprint-header-row-justify-content, flex-start);
	gap: var(--sprint-header-row-gap, 0px);
	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;
}

/* PX Width slider → CSS var on the row wrapper */
#header [data-sprint-row-custom-width="1"] > .ct-container,
#header [data-sprint-row-custom-width="1"] > .ct-container-fluid {
	max-width: var(--sprint-header-row-max-width);
	width: 100%;
	margin-inline: auto;
}