/* =============================================================================
   Custom Status Messages – Thank You Page
   Plugin: Custom Status Messages Thank WooCommerce
   ============================================================================= */

/* ---------------------------------------------------------------------------
   Container de mensagem — centraliza conteúdo para todos os status
   --------------------------------------------------------------------------- */
.woocommerce-thankyou-order-received.processing,
.woocommerce-thankyou-order-received.on-hold,
.woocommerce-thankyou-order-received.pending,
.woocommerce-thankyou-order-received.cancelled,
.woocommerce-thankyou-order-received.completed,
.woocommerce-thankyou-order-received.refunded,
.woocommerce-thankyou-order-failed.failed {
	text-align:      center;
	display:         flex;
	flex-direction:  column;
	justify-content: center;
	align-items:     center;
	padding:         20px;
	border-radius:   6px;
	line-height:     1.6;
}

/* ---------------------------------------------------------------------------
   Remove os pseudo-elementos ::before padrão do WooCommerce que aparecem
   como checkmark/X antes das mensagens de notificação — o plugin usa
   ícones Font Awesome próprios no lugar deles.
   --------------------------------------------------------------------------- */
.woocommerce-error::before,
.woocommerce-message::before,
.woocommerce-thankyou-order-failed::before,
.woocommerce-thankyou-order-received.processing::before,
.woocommerce-thankyou-order-received.on-hold::before,
.woocommerce-thankyou-order-received.pending::before,
.woocommerce-thankyou-order-received.cancelled::before,
.woocommerce-thankyou-order-received.completed::before,
.woocommerce-thankyou-order-received.refunded::before {
	display: none !important;
}

/* ---------------------------------------------------------------------------
   Ícone Font Awesome
   O tamanho real é controlado via inline style (definido nas configurações
   do plugin). Este valor serve apenas como fallback caso o inline style
   não seja aplicado.
   --------------------------------------------------------------------------- */
.custom-icon {
	display:     inline-block;
	line-height: 1;
	margin-bottom: 8px;
	/* font-size e color são definidos via inline style pelo JS */
}

/* Garante que o ::before do Font Awesome seja exibido corretamente
   (não deve ser ocultado pelo reset acima). */
.custom-icon::before {
	display: inline !important;
}