/* Le panier est un bloc Gutenberg : on reprend son habillage de notification.
   Ces regles ne servent que de filet si la feuille des blocs n'est pas la. */
.hdkn-reco-banniere {
	display: flex;
	gap: 10px;
	align-items: flex-start;
	margin: 0 0 18px;
	padding: 14px 16px;
	border: 1px solid rgba(167,139,250,.30);
	border-radius: 12px;
	background: rgba(27,18,64,.40);
}
.hdkn-reco-banniere svg { flex: 0 0 auto; fill: currentColor; opacity: .85; }
.hdkn-reco-banniere.is-success { border-color: rgba(126,217,163,.40); }
.hdkn-reco-banniere.is-error { border-color: rgba(240,138,138,.45); }
.hdkn-reco-banniere .wc-block-components-notice-banner__content { margin: 0; }

/* L'apparence du bouton « Recommander » appartient au theme du site, pas a
   cette extension : elle est reglee dans le CSS du kit Elementor. Ne rien
   remettre ici, sinon deux feuilles se disputent le meme bouton. */