/* Nexcore Commerce — ícones da loja no cabeçalho (conta, comparar,
   wishlist, carrinho). Herdam a cor do cabeçalho (currentColor); o tamanho
   muda com --ncc-store-icon-size (o widget do Elementor tem o controlo). */

.ncc-store-icons {
	--ncc-store-icon-size: 22px;
	display: flex;
	align-items: center;
	gap: calc(var(--ncc-gap, 16px) * 0.75);
	color: inherit;
}

.ncc-store-icons .ncc-store-icon {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 0.4em;
	color: inherit;
	text-decoration: none;
	line-height: 1;
}
.ncc-store-icons a.ncc-store-icon:hover { color: var(--ncc-primary); }
.ncc-store-icons a.ncc-store-icon:focus-visible { outline: 2px solid var(--ncc-primary); outline-offset: 4px; border-radius: 4px; }

.ncc-store-icon-glyph {
	display: block;
	width: var(--ncc-store-icon-size);
	height: var(--ncc-store-icon-size);
	background: currentColor;
	-webkit-mask: var(--ncc-glyph) center / contain no-repeat;
	mask: var(--ncc-glyph) center / contain no-repeat;
}
.ncc-store-icon--conta { --ncc-glyph: 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.8'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c0-4 4-6 8-6s8 2 8 6'/%3E%3C/svg%3E"); }
.ncc-store-icon--comparar { --ncc-glyph: 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.8'%3E%3Cpath d='M16 3h5v5M4 20 21 3M21 16v5h-5M15 15l6 6M4 4l5 5'/%3E%3C/svg%3E"); }
.ncc-store-icon--wishlist { --ncc-glyph: 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.8'%3E%3Cpath d='M12 21s-7.5-4.6-9.5-9.2C1 8.2 3.4 4.5 7 4.5c2 0 3.4 1.1 5 3 1.6-1.9 3-3 5-3 3.6 0 6 3.7 4.5 7.3C19.5 16.4 12 21 12 21z'/%3E%3C/svg%3E"); }
.ncc-store-icon--carrinho { --ncc-glyph: 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.8'%3E%3Cpath d='M3 4h2l2.4 11.2a1 1 0 0 0 1 .8h9.2a1 1 0 0 0 1-.8L21 8H6'/%3E%3Ccircle cx='9' cy='20' r='1.4'/%3E%3Ccircle cx='18' cy='20' r='1.4'/%3E%3C/svg%3E"); }

.ncc-store-icon-count {
	position: absolute;
	top: -7px;
	left: calc(var(--ncc-store-icon-size) - 7px);
	min-width: 17px;
	height: 17px;
	padding: 0 4px;
	border-radius: 999px;
	background: var(--ncc-primary);
	color: var(--ncc-surface, #fff);
	font-size: 10px;
	font-weight: 700;
	line-height: 17px;
	text-align: center;
}
.ncc-store-icon-count[hidden] { display: none; }
/* Total ao lado do carrinho simples (páginas do carrinho e do checkout) */
.ncc-store-icon-total { margin-left: 0.15em; font-size: 0.9em; font-weight: 600; }

/* Mini-Cart do WooCommerce: o botão dele com o mesmo aspeto dos outros ícones */
.ncc-store-icons .wc-block-mini-cart { display: inline-flex; color: inherit; }
.ncc-store-icons .wc-block-mini-cart__button {
	display: inline-flex;
	align-items: center;
	gap: 0.45em;
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
	color: inherit;
	font: inherit;
	font-weight: 600;
	box-shadow: none;
	cursor: pointer;
}
.ncc-store-icons .wc-block-mini-cart__button:hover,
.ncc-store-icons .wc-block-mini-cart__button:focus { background: none; color: var(--ncc-primary); }
.ncc-store-icons .wc-block-mini-cart__quantity-badge { position: relative; display: inline-flex; }
.ncc-store-icons .wc-block-mini-cart__icon { width: var(--ncc-store-icon-size); height: var(--ncc-store-icon-size); }
.ncc-store-icons .wc-block-mini-cart__badge {
	min-width: 17px;
	height: 17px;
	padding: 0 4px;
	border: 0;
	background: var(--ncc-primary);
	color: var(--ncc-surface, #fff);
	font-size: 10px;
	font-weight: 700;
}
.ncc-store-icons .wc-block-mini-cart__amount { font-size: 0.9em; }

/* O painel do carrinho (Mini-Cart) está em mini-cart.css. */

/* Dentro do Header Pro do Nexcore, entre a pesquisa e o botão do menu */
.nexcore-actions-section .ncc-store-icons { flex: 0 0 auto; margin: 0 2px; }
.nexcore-actions-section .ncc-store-icons + .nexcore-mobile-toggle { margin-left: 6px; }

@media (max-width: 600px) {
	.ncc-store-icons { gap: 12px; }
	.ncc-store-icons .wc-block-mini-cart__amount,
	.ncc-store-icons .ncc-store-icon-total { display: none; }
}
