/* Avisos e carregamento do WooCommerce (carrinho, checkout, minha conta).
   Copiado do CSS adicional do Personalizar do Hello Elementor, que é salvo por tema e deixa de valer
   quando este tema é ativado. Carregado em todas as páginas menos a home do tema. */

/* Texto com espaço para a engrenagem e engrenagem centralizada */
body .woocommerce .loading {
	position: relative !important;
	padding-right: 40px !important;
}
body .woocommerce .loading::after {
	position: absolute !important;
	top: 50% !important;
	right: 15px !important;
	margin: 0 !important;
	margin-top: -8px !important;
	line-height: 1 !important;
}

/* Base dos avisos */
body .woocommerce-message,
body .woocommerce-error,
body .woocommerce-info {
	background: #fff !important;
	border: none !important;
	border-radius: 8px !important;
	box-shadow: 0 4px 15px rgba(0, 0, 0, .05) !important;
	padding: 16px 20px 16px 50px !important;
	color: #555 !important;
	font-size: 16px !important;
	font-weight: 500 !important;
	margin-bottom: 25px !important;
	position: relative !important;
	display: block !important;
}
body .woocommerce-message::after,
body .woocommerce-error::after,
body .woocommerce-info::after {
	display: none !important;
}
body .woocommerce-message::before,
body .woocommerce-error::before,
body .woocommerce-info::before {
	position: absolute !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	left: 18px !important;
	font-size: 18px !important;
}

/* Informação (ex.: carrinho vazio) */
body .woocommerce-info { border-left: 5px solid #0171d8 !important; }
body .woocommerce-info::before { color: #0171d8 !important; }

/* Sucesso */
body .woocommerce-message { border-left: 5px solid #10b981 !important; }
body .woocommerce-message::before { color: #10b981 !important; }

/* Erro */
body .woocommerce-error {
	border-left: 5px solid #ef4444 !important;
	list-style: none !important;
	margin-left: 0 !important;
}
body .woocommerce-error::before { color: #ef4444 !important; }
body .woocommerce-error li {
	margin-bottom: 0 !important;
	margin-left: 0 !important;
}

/* Botões dentro dos avisos (ex.: "Ver carrinho") */
body .woocommerce-message .button,
body .woocommerce-info .button,
body .woocommerce-error .button {
	background: #0171d8 !important;
	color: #fff !important;
	border-radius: 6px !important;
	padding: 6px 16px !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	border: none !important;
	float: right !important;
	margin-top: -3px !important;
}

/* "Retornar para a loja" */
p.return-to-shop .button {
	background: #0171d8 !important;
	color: #fff !important;
	border-radius: 8px !important;
	padding: 12px 28px !important;
	font-weight: 600 !important;
	font-size: 16px !important;
	border: none !important;
	text-decoration: none !important;
	display: inline-block !important;
	transition: .3s ease !important;
}

body .woocommerce-message .button:hover,
body .woocommerce-info .button:hover,
body .woocommerce-error .button:hover,
p.return-to-shop .button:hover {
	background: #0056b3 !important;
}