/**
 * notices.css
 * WHAT: WooCommerce messages (success / error / info), toast popup, admin note box.
 * NOTE: Fixes the default icon overlapping the text.
 * Loaded by inc/assets.php (order matters: later files may override earlier ones).
 */
.hn-note{
	background:#fff3cd;
	padding:12px 16px;
	border-radius:8px;
	font-size:14px;
}
.woocommerce-notices-wrapper{
	margin-bottom:16px;
}
.woocommerce-message,.woocommerce-error,.woocommerce-info{
	position:relative;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:8px 14px;
	margin:0 0 14px;
	padding:14px 18px;
	list-style:none;
	border:0;
	border-left:4px solid var(--green);
	border-radius:10px;
	background:var(--green-l);
	color:var(--ink);
	font-size:15px;
	line-height:1.5;
	width:100%;
}
.woocommerce-message::before,.woocommerce-error::before,.woocommerce-info::before{
	content:none!important;
	display:none!important;
}
.woocommerce-error{
	display:block;
	border-left-color:#c62828;
	background:#fdecea;
}
.woocommerce-error li{
	margin:0 0 4px;
	padding:0;
	list-style:none;
}
.woocommerce-error li:last-child{
	margin:0;
}
.woocommerce-info{
	border-left-color:var(--orange);
	background:var(--orange-soft);
}
.woocommerce-message .button,.woocommerce-info .button{
	float:none!important;
	margin:0 0 0 auto;
	order:2;
	min-height:38px;
	padding:8px 16px;
	font-size:14px;
}
.woocommerce-message a:not(.button),.woocommerce-error a{
	text-decoration:underline;
}
.hn-toast{
	position:fixed;
	left:50%;
	bottom:90px;
	translate:-50% 20px;
	opacity:0;
	pointer-events:none;
	background:#232a24;
	color:#fff;
	padding:12px 20px;
	border-radius:10px;
	font-size:14px;
	z-index:400;
	transition:opacity .25s,translate .25s;
	max-width:90vw;
	text-align:center;
}
.hn-toast.is-on{
	opacity:1;
	translate:-50% 0;
}
@media (max-width:720px){
	.hn-toast{
		bottom:80px;
	}
}
