/**
 * Aria Woo - módulo Atacado.
 *
 * Tamanho de fonte e cor vêm do tema: tudo aqui é relativo (em) e herda a cor.
 * Os poucos !important existem porque temas de loja (o Enfold, por exemplo,
 * com "#top .price span { display:inline; font-size:15px }") forçam display e
 * tamanho em TODO span dentro de .price, usando seletor com id. Sem isso a
 * caixa de dois preços desmonta. Só as propriedades disputadas levam
 * !important; o resto fica normal, para o tema continuar mandando.
 */

.aria-woo-precos {
	display: flex !important;
	flex-wrap: wrap;
	gap: 5px;
	align-items: stretch;
	margin: 0 0 4px;
	font-size: 1em !important;
	line-height: 1.3 !important;
	font-weight: 400 !important;
}

.aria-woo-precos .aria-woo-col {
	display: flex !important;
	flex: 1 1 96px;
	min-width: 0;
	flex-direction: column;
	gap: 1px;
	padding: 6px 9px;
	border: 1px solid rgba(128, 128, 128, 0.35);
	border-radius: 4px;
	font-size: 1em !important;
	line-height: 1.3 !important;
}

.aria-woo-precos .aria-woo-atacado {
	background: rgba(128, 128, 128, 0.08);
}

.aria-woo-precos .aria-woo-rot {
	display: flex !important;
	align-items: center;
	gap: 5px;
	font-size: 0.68em !important;
	line-height: 1.35 !important;
	font-weight: 600 !important;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	opacity: 0.7;
}

.aria-woo-precos .aria-woo-val {
	display: block !important;
	font-size: 1em !important;
	line-height: 1.3 !important;
	font-weight: 700 !important;
	white-space: normal;
}

/* Cada valor fica inteiro numa linha; del e ins podem quebrar entre si. */
.aria-woo-precos .woocommerce-Price-amount {
	white-space: nowrap;
}

/*
 * O Enfold põe um bullet grande antes de todo <ins> ("#top #wrap_all ins:before").
 * Dentro da caixa isso estoura a coluna, então some.
 */
.aria-woo-precos ins::before,
.aria-woo-precos ins:before {
	content: none !important;
	display: none !important;
	padding: 0 !important;
}

/* O wc_price() gera spans próprios; eles têm de herdar, não voltar ao tema. */
.aria-woo-precos .woocommerce-Price-amount,
.aria-woo-precos .woocommerce-Price-currencySymbol,
.aria-woo-precos bdi {
	display: inline !important;
	font-size: inherit !important;
	line-height: inherit !important;
	font-weight: inherit !important;
	color: inherit;
}

.aria-woo-precos .aria-woo-val del {
	display: inline !important;
	font-size: 0.75em !important;
	font-weight: 400 !important;
	line-height: inherit !important;
	text-decoration: line-through !important;
	color: inherit !important;
	opacity: 0.55;
	margin: 0 3px 0 0 !important;
}

.aria-woo-precos .aria-woo-val ins {
	display: inline !important;
	font-size: inherit !important;
	font-weight: inherit !important;
	line-height: inherit !important;
	text-decoration: none !important;
	background: none;
	color: inherit;
}

.aria-woo-precos .aria-woo-dica {
	display: block !important;
	font-size: 0.68em !important;
	line-height: 1.35 !important;
	font-weight: 400 !important;
	opacity: 0.7;
}

.aria-woo-precos .aria-woo-apartir {
	display: block !important;
	font-size: 0.68em !important;
	line-height: 1.35 !important;
	font-weight: 400 !important;
	opacity: 0.7;
	white-space: normal;
}

.aria-woo-precos .aria-woo-oferta {
	display: inline-block !important;
	font-size: 0.85em !important;
	line-height: 1.4 !important;
	font-weight: 700 !important;
	letter-spacing: 0;
	padding: 0 4px;
	border-radius: 3px;
	background: rgba(128, 128, 128, 0.2);
	opacity: 1;
}

/* Produto variável sem variação escolhida: a faixa pode ficar em duas linhas. */
.aria-woo-precos .aria-woo-varejo .aria-woo-val,
.aria-woo-precos .aria-woo-atacado .aria-woo-val {
	overflow-wrap: anywhere;
}

/* Aviso de progresso ------------------------------------------------------ */

.aria-woo-aviso {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0 0 16px;
	padding: 10px 14px;
	border: 1px solid rgba(128, 128, 128, 0.35);
	border-left-width: 4px;
	border-radius: 3px;
	line-height: 1.4;
	font-size: 0.95em;
}

.aria-woo-aviso.is-liberado {
	border-left-color: #3c8a3f;
}

.aria-woo-aviso.is-faltando {
	border-left-color: #c8870f;
}

.aria-woo-aviso-ico {
	font-weight: 700;
}

li.aria-woo-aviso-mini {
	padding: 6px 0;
	font-size: 0.85em;
	opacity: 0.9;
	list-style: none;
}

/* Telas estreitas: uma coluna embaixo da outra. */
@media (max-width: 479px) {
	.aria-woo-precos .aria-woo-col {
		flex: 1 1 100%;
	}
}