/* PeeweePaw Fidélité – messages WooCommerce (information, succès, erreur) sur tout le site,
   dans le même style que les pages de Mon compte. Couleurs modifiables ici. */
/* body ... :not(#ppf) : priorité plus forte que le style du thème, sans !important partout. */
body .woocommerce-info:not(#ppf),
body .woocommerce-message:not(#ppf),
body .woocommerce-error:not(#ppf) {
	--ppf-n-bg: #fbeee8;
	--ppf-n-text: #7a4a36;
	--ppf-n-icon: #de8b6a;
	--ppf-n-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M12 11v6M12 7.2v.1'/%3E%3C/svg%3E");
	position: relative;
	margin: 0 0 1.5em;
	padding: 14px 18px 14px 58px;
	border: 0;
	border-radius: 12px;
	background: var(--ppf-n-bg);
	color: var(--ppf-n-text);
	font-size: 14px;
	line-height: 1.7;
	list-style: none;
	box-shadow: none;
}
body .woocommerce-message:not(#ppf) {
	--ppf-n-bg: #edf2ea;
	--ppf-n-text: #3f4d38;
	--ppf-n-icon: #6f8763;
	--ppf-n-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 12.5 3.2 3.2L17 9'/%3E%3C/svg%3E");
}
body .woocommerce-error:not(#ppf) {
	--ppf-n-bg: #f8e6e1;
	--ppf-n-text: #8a3b28;
	--ppf-n-icon: #b4553c;
	--ppf-n-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M12 7v6M12 16.8v.1'/%3E%3C/svg%3E");
}

/* Icône ronde à gauche (remplace l'icône d'origine) */
body .woocommerce-info:not(#ppf)::before,
body .woocommerce-message:not(#ppf)::before,
body .woocommerce-error:not(#ppf)::before {
	content: "" !important;
	position: absolute;
	left: 16px;
	top: 13px;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: var(--ppf-n-icon) var(--ppf-n-svg) center / 18px no-repeat;
	font-family: inherit;
	color: transparent;
}

/* Texte à gauche, bouton flottant à droite. Pas de flexbox : un texte avec du gras
   (« … <strong>-5 %</strong> … ») serait coupé en plusieurs morceaux. */
body .woocommerce-info:not(#ppf),
body .woocommerce-message:not(#ppf) {
	display: block;
	overflow: hidden; /* Contient le bouton flottant. */
}
body .woocommerce-info:not(#ppf)::after,
body .woocommerce-message:not(#ppf)::after { display: none !important; }
body .woocommerce-error:not(#ppf) li { margin: 0; padding: 2px 0; }
body .woocommerce-error:not(#ppf) li + li { border-top: 1px solid rgba(138, 59, 40, .12); margin-top: 4px; padding-top: 6px; }

body .woocommerce-info:not(#ppf) a:not(.button),
body .woocommerce-message:not(#ppf) a:not(.button),
body .woocommerce-error:not(#ppf) a:not(.button) {
	color: inherit;
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 2px;
}
body .woocommerce-info:not(#ppf) .button,
body .woocommerce-message:not(#ppf) .button,
body .woocommerce-error:not(#ppf) .button {
	float: right !important;
	margin: -4px 0 -4px 18px !important;
	white-space: nowrap;
}

@media (max-width: 600px) {
	body .woocommerce-info:not(#ppf),
	body .woocommerce-message:not(#ppf),
	body .woocommerce-error:not(#ppf) { padding: 14px 16px 14px 54px; font-size: 14px; }
	body .woocommerce-info:not(#ppf)::before,
	body .woocommerce-message:not(#ppf)::before,
	body .woocommerce-error:not(#ppf)::before { left: 14px; }
	body .woocommerce-info:not(#ppf) .button,
	body .woocommerce-message:not(#ppf) .button { float: none !important; display: block; width: 100%; margin: 10px 0 0 !important; text-align: center; white-space: normal; }
}

/* L'encadré des bons fidélité du panier garde sa mise en page (plusieurs boutons). */
body .woocommerce-info.ppf-cart-coupons:not(#ppf) .button { float: none !important; margin: 4px 6px 4px 0 !important; }