/*
 * Amless Store Core: left-aligned header logo (see AmlessStore\HeaderLogoPosition).
 *
 * The theme's desktop header lays out three flex columns (nav / logo / icons).
 * The logo column is deliberately sized to its content (flex: initial) while
 * the nav and icons columns each take flex: 1, so the logo always lands
 * visually centered no matter how wide the other two columns are. Moving it
 * to the far left only needs a flex `order` change plus swapping the logo
 * column's centering for left alignment — the nav and icons columns, and
 * their own widths, are untouched.
 *
 * Selectors are written to match or exceed the specificity of the theme's
 * own ".mbf-header__col.mbf-col-center" rules in style.css so they win
 * regardless of stylesheet load order.
 */

.mbf-header__inner-desktop .mbf-header__col.mbf-col-center {
	order: -1;
	justify-content: flex-start;
}

.mbf-header__inner-desktop .mbf-header__col.mbf-col-center:not(:only-child) {
	padding: 0 20px 0 0;
}