/* Custom WooCommerce Notice Drawer Styles */

/* Hide the default WooCommerce notice wrapper */
.woocommerce-notices-wrapper {
	display: none !important;
}

/* The drawer container for our custom notices */
#custom-notice-drawer {
	position: fixed;
	top: 20px;
	right: 20px;
	z-index: 99999;
	display: flex;
	gap: 16px;
    pointer-events: none;
}

/* Individual notice style */
.custom-wc-notice {
	max-width: 400px;
	color: #000;
	background: rgb(225,212,193); /* Default color */
	padding: 16px;
	box-shadow: 0 5px 15px rgba(0,0,0,0.2);
	opacity: 0;
	transform: translateX(100%);
	transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.4s;
	font-family:'Mondia';
	font-size: 16px;
	font-weight:400;
	letter-spacing:0.4px;
	text-transform:capitalize;
	pointer-events: auto;
}
@media screen and (max-width: 1000px){
    .custom-wc-notice {
	max-width: 85%;
	margin:3%;
}
}
/* Notice types */
.custom-wc-notice.success { background: rgb(225,212,193); }
.custom-wc-notice.error   { background: #c0392b; }
.custom-wc-notice.info    { background: #2980b9; }

/* Animation states */
.custom-wc-notice.show {
	opacity: 1;
	transform: translateX(0);
}
.custom-wc-notice.success a {
	background-color:#313131;
	border-radius:0px;
	color:#fff;
	padding:10px;
	font-family:var(--main-font);
	font-size: 9px;
	text-transform:uppercase;
}