/*
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

/*
 * Header navigation — desktop
 *
 * Blocksy places the primary menu and cart in the same `data-column="end"`
 * container. Make that container a two-column grid so the cart owns a real,
 * fixed track instead of competing with the intrinsic width of the menu.
 *
 * The menu is allowed to wrap rather than paint into the cart track when its
 * configured labels cannot fit. In normal desktop layouts it remains one row.
 * The breakpoint intentionally matches Blocksy's desktop header breakpoint;
 * the mobile header is therefore untouched.
 */
@media (min-width: 1000px) {
	.ct-header [data-column="end"] {
		display: grid;
		grid-template-columns: minmax(0, 1fr) 64px;
		column-gap: clamp(16px, 1.5vw, 28px);
		align-items: center;
		min-width: 0;
	}

	.ct-header [data-id="menu"] {
		grid-column: 1;
		min-width: 0;
	}

	.ct-header [data-id="menu"] > ul {
		width: 100%;
		min-width: 0;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.ct-header [data-id="cart"] {
		grid-column: 2;
		justify-self: end;
		width: 64px;
		min-width: 64px;
		z-index: 1;
	}
}