/* Ícones do header (pesquisa, favoritos, conta, carrinho): mesmo traço, tamanho e alinhamento.
   Substituem os glifos de fontes diferentes (Flatsome e Side Cart) por máscaras SVG da cor do texto. */

.header .header-search > a > i.icon-search,
.header .header-wishlist-icon i.wishlist-icon,
.header .account-item i.icon-user,
.header .xoo-wsc-sc-bki {
	display: inline-block;
	box-sizing: border-box;
	width: 22px;
	height: 22px;
	margin: 0;
	padding: 0;
	font-size: 0 !important;
	line-height: 0;
	vertical-align: middle;
	background-color: currentColor;
	-webkit-mask: var(--giaw-hi) center / contain no-repeat;
	mask: var(--giaw-hi) center / contain no-repeat;
}
.header .header-search > a > i.icon-search::before,
.header .header-wishlist-icon i.wishlist-icon::before,
.header .account-item i.icon-user::before,
.header .xoo-wsc-sc-bki::before {
	content: none !important;
}

.header .header-search > a > i.icon-search {
	--giaw-hi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7.5'/%3E%3Cpath d='M21 21l-4.6-4.6'/%3E%3C/svg%3E");
}
.header .header-wishlist-icon i.wishlist-icon {
	--giaw-hi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.8 4.6a5.5 5.5 0 0 0-7.8 0L12 5.7l-1-1.1a5.5 5.5 0 0 0-7.8 7.8l1 1.1L12 21.2l7.8-7.7 1-1.1a5.5 5.5 0 0 0 0-7.8z'/%3E%3C/svg%3E");
}
.header .account-item i.icon-user {
	--giaw-hi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7.5' r='4'/%3E%3C/svg%3E");
}
.header .xoo-wsc-sc-bki {
	--giaw-hi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z'/%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'/%3E%3C/svg%3E");
	color: inherit;
}

/* Área de toque compacta: 34px de largura (44px de altura) e pouca folga entre ícones */
.header .header-search > a.nav-top-link,
.header .header-wishlist-icon > a,
.header .account-item > a,
.header .xoo-wsc-cart-trigger {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 34px;
	min-height: 44px;
	padding: 0 !important;
}
.header .nav > li.header-search,
.header .nav > li.header-wishlist-icon,
.header .nav > li.account-item,
.header .nav > li.html:has(.xoo-wsc-sc-cont) {
	margin-left: 0 !important;
	margin-right: 2px !important;
}
.header .nav > li.header-divider {
	display: none;
}
@media (max-width: 849px) {
	.header .nav > li.header-search,
	.header .nav > li.account-item,
	.header .nav > li.html:has(.xoo-wsc-sc-cont) {
		margin-right: 0 !important;
	}
}

/* Megamenu: sem sombra nem contorno, só uma linha fina por baixo do header (a largura total vem da opção "Full width" de cada item do menu) */
.header .nav > li.menu-item-has-block > .nav-dropdown,
.header .nav > li.menu-item-has-block > .sub-menu.nav-dropdown {
	border: 0 !important;
	border-top: 1px solid #ececec !important;
	box-shadow: none !important;
}

/* Setas dos menus (Homem, Mulher...): na homepage o cabeçalho é transparente (.nav-dark) e os links ficam brancos,
   o texto é preto por cor inline mas a seta herdava o branco e desaparecia sobre o fundo branco do cabeçalho. */
.header .header-nav-main.nav > li > a > i.icon-angle-down {
	color: #0a0a0a;
}