/*
 * LEO Commerce UI — Header Desktop Layout v0.1 SAFE
 *
 * O Blocksy usa, no header de duas colunas, tracks "auto auto".
 * Para esta composição (Logo + busca à esquerda / localização + conta +
 * favoritos + carrinho à direita), a coluna da busca precisa poder encolher
 * sem invadir a coluna de ações.
 *
 * Não há largura fixa por estado logado/deslogado: a busca recebe o espaço
 * restante e os controles da direita mantêm sua largura intrínseca.
 */

@media (min-width: 1000px) {
	/*
	 * Atua somente na linha de duas colunas que realmente contém a busca LEO.
	 * minmax(0, 1fr) é a correção estrutural: a primeira coluna pode encolher;
	 * a segunda continua no tamanho natural de seus controles.
	 */
	#header [data-column-set="2"] > div:has(.leo-search-form) {
		grid-template-columns: minmax(0, 1fr) auto;
	}

	/*
	 * A coluna esquerda e sua lista de itens não podem impor largura mínima
	 * baseada no conteúdo do input.
	 */
	#header [data-column="start"]:has(.leo-search-form),
	#header [data-column="start"]:has(.leo-search-form) > [data-items] {
		min-width: 0;
	}

	/*
	 * O elemento HTML da busca ocupa somente o espaço restante ao lado da logo.
	 * Neutraliza limites percentuais do wrapper, sem largura mágica em pixels.
	 */
	#header [data-column="start"] .ct-header-text:has(.leo-search-form) {
		flex: 1 1 0;
		width: auto;
		min-width: 0;
		max-width: none;
	}

	/* O formulário e o input podem encolher de verdade dentro do flex/grid. */
	#header .ct-header-text .leo-search-form {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		align-items: center;
		width: 100%;
		min-width: 0;
		max-width: 100%;
		margin: 0;
		box-sizing: border-box;
	}

	#header .ct-header-text .leo-search-form input[type="search"] {
		width: 100%;
		min-width: 0;
		max-width: 100%;
		box-sizing: border-box;
	}

	/* Ações da direita nunca cedem espaço para o campo de busca. */
	#header [data-column="end"]:has(.ct-header-cta),
	#header [data-column="end"]:has(.ct-header-cta) > [data-items] {
		min-width: max-content;
	}
}