/* fd-ruleta-premios — convierte el aviso nativo de WooCommerce (marcado con
   .fdrl-toast-mark) en un toast flotante. Se entrega como archivo CSS enqueued
   para que ningún optimizador lo descarte (a diferencia de un <style> inline). */

.woocommerce-info:has(.fdrl-toast-mark),
.woocommerce-message:has(.fdrl-toast-mark),
.woocommerce-error:has(.fdrl-toast-mark),
.wc-block-components-notice-banner:has(.fdrl-toast-mark) {
	position: fixed !important;
	z-index: 2147483001;
	left: 50%;
	top: 20px;
	width: calc(100% - 28px);
	max-width: 420px;
	margin: 0 !important;
	background: var(--flv-white, #ffffff) !important;
	color: var(--flv-espresso-900, #2a1810) !important;
	border: 0 !important;
	border-left: 4px solid var(--flv-rose-300, #f6bdb1) !important;
	border-radius: var(--flv-radius-md, 4px) !important;
	box-shadow: 0 14px 40px rgba(42, 24, 16, 0.22) !important;
	padding: 15px 40px 15px 18px !important;
	font-family: var(--flv-font-ui, 'Lato', sans-serif) !important;
	font-size: 15px !important;
	line-height: 1.45 !important;
	list-style: none !important;
	animation: fdrlToastIn 0.35s ease both;
}

/* Botón cerrar (lo agrega toast.js). */
.fdrl-toast-x {
	position: absolute;
	top: 8px;
	right: 11px;
	background: none;
	border: 0;
	color: var(--flv-mud-300, #b8aa9c);
	font-size: 16px;
	line-height: 1;
	cursor: pointer;
	padding: 2px;
}
.fdrl-toast-x:hover { color: var(--flv-espresso-900, #2a1810); }

/* Ocultar el ícono/decoración por defecto del aviso de WooCommerce. */
.woocommerce-info:has(.fdrl-toast-mark)::before,
.woocommerce-message:has(.fdrl-toast-mark)::before,
.woocommerce-error:has(.fdrl-toast-mark)::before,
.wc-block-components-notice-banner:has(.fdrl-toast-mark) svg {
	content: none !important;
	display: none !important;
}

.woocommerce-info:has(.fdrl-toast-mark) a,
.woocommerce-message:has(.fdrl-toast-mark) a,
.woocommerce-error:has(.fdrl-toast-mark) a {
	color: #a9743f !important;
	font-weight: 700;
}

/* Botón que WooCommerce a veces agrega dentro del aviso (ej. "Ver carrito"). */
.woocommerce-info:has(.fdrl-toast-mark) .button,
.woocommerce-message:has(.fdrl-toast-mark) .button {
	display: none !important;
}

.fdrl-toast-mark { display: none !important; }

@keyframes fdrlToastIn {
	from { opacity: 0; transform: translate(-50%, -14px); }
	to   { opacity: 1; transform: translate(-50%, 0); }
}