/*
 * LEO Commerce UI — Header Desktop Action Icons v0.1 SAFE
 *
 * A v0.5.11.12 unificou altura, tipografia, espaçamento e hover das ações.
 * Este arquivo fixa somente a cor dos ícones no estado hover/focus para que
 * nenhum estilo nativo do tema transforme o pictograma em branco.
 */

@media (min-width: 1000px) {
	/*
	 * Tokens que o Blocksy pode consultar internamente para ícones/links.
	 * São limitados exclusivamente aos quatro controles já homologados.
	 */
	#header .ct-header-cta a[href="#leo-cep"],
	#header .ct-account-item,
	#header .leo-favorites-trigger,
	#header .ct-cart-item {
		--theme-icon-color: #071f6b !important;
		--theme-icon-hover-color: #071f6b !important;
		--theme-link-initial-color: #111111 !important;
		--theme-link-hover-color: #111111 !important;
	}

	/*
	 * Respeita o desenho escolhido no Customizer. A v0.5.11.13 travava
	 * stroke no SVG raiz; em ícones preenchidos isso podia adicionar um
	 * contorno herdado e dar aparência de “negrito”. Agora só a cor é
	 * normalizada; stroke/fill nativos continuam pertencendo ao próprio SVG.
	 */
	#header .ct-header-cta a[href="#leo-cep"] .leo-cep-trigger-icon,
	#header .ct-header-cta a[href="#leo-cep"] svg,
	#header .ct-account-item svg,
	#header .leo-favorites-trigger svg,
	#header .ct-cart-item svg,
	#header .ct-header-cta a[href="#leo-cep"]:hover .leo-cep-trigger-icon,
	#header .ct-header-cta a[href="#leo-cep"]:focus-visible .leo-cep-trigger-icon,
	#header .ct-header-cta a[href="#leo-cep"]:hover svg,
	#header .ct-header-cta a[href="#leo-cep"]:focus-visible svg,
	#header .ct-account-item:hover svg,
	#header .ct-account-item:focus-visible svg,
	#header .leo-favorites-trigger:hover svg,
	#header .leo-favorites-trigger:focus-visible svg,
	#header .ct-cart-item:hover svg,
	#header .ct-cart-item:focus-visible svg {
		color: #071f6b !important;
	}

	/*
	 * Apenas formas que JÁ declaram stroke recebem a cor azul. Não criamos
	 * stroke em ícones de preenchimento, portanto a espessura escolhida pelo
	 * Blocksy continua intacta.
	 */
	#header .ct-header-cta a[href="#leo-cep"]:is(:hover, :focus-visible) svg [stroke]:not([stroke="none"]),
	#header .ct-account-item:is(:hover, :focus-visible) svg [stroke]:not([stroke="none"]),
	#header .leo-favorites-trigger:is(:hover, :focus-visible) svg [stroke]:not([stroke="none"]),
	#header .ct-cart-item:is(:hover, :focus-visible) svg [stroke]:not([stroke="none"]) {
		stroke: #071f6b !important;
	}

	/*
	 * Preenchimentos baseados em currentColor seguem o azul sem converter
	 * outras formas preenchidas em novos blocos sólidos.
	 */
	#header .ct-header-cta a[href="#leo-cep"]:is(:hover, :focus-visible) svg [fill="currentColor"],
	#header .ct-account-item:is(:hover, :focus-visible) svg [fill="currentColor"],
	#header .leo-favorites-trigger:is(:hover, :focus-visible) svg [fill="currentColor"],
	#header .ct-cart-item:is(:hover, :focus-visible) svg [fill="currentColor"] {
		fill: #071f6b !important;
	}

	/* O coração é nosso SVG conhecido: linha mais fina e leve, sem alterar o desenho. */
	#header .leo-favorites-trigger svg {
		fill: none !important;
		stroke: #071f6b !important;
		stroke-width: 1.65 !important;
	}

}