/****************************
 * Woo Notifications
*****************************/
/* Notifications > Body */
.woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout,
.wc-empty-cart-message,
.woocommerce-notices-wrapper {width:100%; margin-bottom:var(--vii-spacing-24);}

/* hide empty notices */
.woocommerce-notices-wrapper:empty {display:none;}

body .woocommerce-error,
body .woocommerce-info,
body .woocommerce-message {
    margin:0; border-radius:var(--woo-radius);
    padding:15px 20px !important; position:relative;
    list-style:none; width:100%; border:1px solid transparent;
}
body .woocommerce-error:last-child,
body .woocommerce-info:last-child,
body .woocommerce-message:last-child {margin-bottom:0;}

body .woocommerce-error li,
body .woocommerce-info li,
body .woocommerce-message li {
    padding:0;
}
body .woocommerce-error li:not(:last-child),
body .woocommerce-info li:not(:last-child),
body .woocommerce-message li:not(:last-child) {margin-bottom:5px;}

/* Notifications > Background */
body .woocommerce-error > *,
body .woocommerce-info > *,
body .woocommerce-message > * {position:relative; z-index:2;}
body .woocommerce-error:after,
body .woocommerce-info:after,
body .woocommerce-message:after {
    content:""; position:absolute; top:0; left:0; right:0; bottom:0;
    opacity:.05; pointer-events:none;
}
body .woocommerce-error:after {background:var(--woo-color-error);}
body .woocommerce-info:after {background:var(--woo-color-info);}
body .woocommerce-message:after {background:var(--woo-color-message);}

/* Notifications > Color */
body .woocommerce-info {border-color:rgba(0, 0, 0, .2);}
body .woocommerce-message {border-color:var(--woo-color-message);}
body .woocommerce-error {border-color:var(--woo-color-error);}

/* Notifications > Icons */
/*body .woocommerce-error:before,*/
/*body .woocommerce-info:before,*/
/*body .woocommerce-message:before {*/
/*    position:absolute; top:0; bottom:0; left:0; width:60px;*/
/*    font-family:var(--vii-font-icomoon), fantasy; font-size:1.4em;*/
/*    display:flex; align-items:center; justify-content:center;*/
/*}*/
/*body .woocommerce-error:before {content:var(--woo-icon-error);}*/
/*body .woocommerce-info:before {content:var(--woo-icon-info);}*/
/*body .woocommerce-message:before {content:var(--woo-icon-message);}*/


/****************************
 * Woo Notifications > Button Icons
*****************************/
/* Notifications > Button */
body .woocommerce-error .button,
body .woocommerce-info .button,
body .woocommerce-message .button,
body .woocommerce-error a,
body .woocommerce-info a,
body .woocommerce-message a {
    display:inline-block;
    background:transparent; color:var(--vii-color-text);
    padding:0 !important; margin:0; min-height:auto !important; min-width:auto !important;
    text-decoration:underline; text-align:left; border:none !important;
}

/* Notifications > Button hover */
body .woocommerce-error .button:hover, body .woocommerce-error .button:focus,
body .woocommerce-info .button:hover, body .woocommerce-info .button:focus,
body .woocommerce-message .button:hover, body .woocommerce-message .button:focus,
body .woocommerce-error a:hover, body .woocommerce-error a:focus,
body .woocommerce-info a:hover, body .woocommerce-info a:focus,
body .woocommerce-message a:hover, body .woocommerce-message a:focus {
    background:transparent !important; color:var(--vii-color-primary) !important;
    text-decoration:underline !important;
}


/* Notifications > Button icons */
/*
.woocommerce .button.wc-forward,
.woocommerce a.showcoupon {display:inline-block; padding-left:32px; position:relative;}
.woocommerce .button.wc-forward:before,
.woocommerce a.showcoupon:before {
    position:absolute; top:50%; left:0;
    transform:translateY(-50%);
    font-family:var(--vii-font-icomoon); font-size:1em; margin-left:10px; content:var(--woo-icon-discount);
    text-decoration:none;
}

.woocommerce .button.wc-forward:before {content:var(--woo-icon-cart);}
*/


/****************************
 * Woo Notifications Responsive
*****************************/
@media only screen and (max-width:1024px) {
    /* Notifications > Icons */
    body .woocommerce-error:before,
    body .woocommerce-info:before,
    body .woocommerce-message:before {width:45px; font-size:1em;}
}