/**
 * Caixa de aviso: prazo de entrega e validade do preço.
 *
 * Fundo neutro, sem cor de alerta. O aviso é informação contratual, não erro:
 * não pode competir com o botão de compra nem parecer que algo deu errado.
 *
 * Tudo prefixado com .inframed-avisos para não encostar em nada do Enfold.
 */

.inframed-avisos {
	box-sizing: border-box;
	margin: 1em 0;
	padding: 0.75em 1em;
	background: #f7f7f7;
	border: 1px solid #e3e3e3;
	border-left: 3px solid #b8b8b8;
	border-radius: 2px;
	color: #555;
	font-size: 0.92em;
	line-height: 1.5;
	text-align: left;
}

.inframed-avisos p.inframed-avisos__linha {
	margin: 0 0 0.4em;
	padding: 0;
	color: inherit;
	font-size: inherit;
	line-height: inherit;
	text-align: inherit;
}

.inframed-avisos p.inframed-avisos__linha:last-child {
	margin-bottom: 0;
}

.inframed-avisos strong {
	color: #333;
	font-weight: 600;
}

/* Carrinho e checkout: mesma caixa, mais discreta, ao lado do total. */
.inframed-avisos--compacto {
	margin: 0.6em 0 0;
	padding: 0.6em 0.8em;
	font-size: 0.85em;
}

/*
 * A linha do aviso dentro da tabela de totais.
 *
 * A célula perde padding, borda e fundo da shop_table para a caixa ficar
 * sozinha na linha. O ::before é o data-title que o WooCommerce injeta no modo
 * responsivo: sem atributo ele vira uma string vazia alinhada à direita, que
 * empurraria o texto no celular.
 */
tr.inframed-avisos-linha > td {
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	text-align: left !important;
}

tr.inframed-avisos-linha > td::before {
	content: none !important;
}

@media (max-width: 767px) {
	.inframed-avisos {
		padding: 0.7em 0.8em;
		font-size: 0.9em;
	}

	.inframed-avisos--compacto {
		font-size: 0.85em;
	}
}