/* =========================================
   VL Woo Notices — Premium (no toasts)
   ========================================= */

.woocommerce-notices-wrapper,
.woocommerce-NoticeGroup,
.woocommerce-NoticeGroup-checkout{
  margin: 0 0 16px;
}

.woocommerce-error,
.woocommerce-message,
.woocommerce-info{
  position: relative;

  margin: 0 0 14px;
  padding: 12px 14px 12px 42px;

  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);

  color: rgba(255,255,255,.88);
  list-style: none;

  box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
  backdrop-filter: blur(10px);
}

/* subtle type accents */
.woocommerce-error{ border-color: rgba(255,77,79,.30); }
.woocommerce-message{ border-color: rgba(46,204,113,.22); }
.woocommerce-info{ border-color: rgba(30,144,255,.22); }

/* dot indicator */
.woocommerce-error::before,
.woocommerce-message::before,
.woocommerce-info::before{
  content: "";
  position: absolute;
  left: 16px;
  top: 18px;

  width: 8px;
  height: 8px;
  border-radius: 999px;
  opacity: .95;
}

.woocommerce-error::before{ background: rgba(255,77,79,.95); box-shadow: 0 0 10px rgba(255,77,79,.35); }
.woocommerce-message::before{ background: rgba(46,204,113,.95); box-shadow: 0 0 10px rgba(46,204,113,.28); }
.woocommerce-info::before{ background: rgba(30,144,255,.95); box-shadow: 0 0 10px rgba(30,144,255,.28); }

/* normalize inner li */
.woocommerce-error li,
.woocommerce-message li,
.woocommerce-info li{
  margin: 0;
  padding: 0;
}

/* Woo sometimes adds li::before icons — выключаем */
.woocommerce-error li::before,
.woocommerce-message li::before,
.woocommerce-info li::before{
  display: none !important;
}

/* links inside notices */
.woocommerce-error a,
.woocommerce-message a,
.woocommerce-info a{
  color: rgba(255,255,255,.90);
  text-decoration: none;
  border-bottom: 1px solid rgba(255,255,255,.18);
  padding-bottom: 1px;
}

.woocommerce-error a:hover,
.woocommerce-message a:hover,
.woocommerce-info a:hover{
  color: rgba(255,255,255,.96);
  border-color: rgba(255,255,255,.32);
}