/* One presentation for classic Woo notices and the Cart/Checkout block banners. */
body[class] :is(.woocommerce-message,.woocommerce-info,.woocommerce-error,.wc-block-components-notice-banner){
  --ipm-notice-accent:var(--secondary,#330867);
  --ipm-notice-border:#cdeff8;
  --ipm-notice-bg:#f5fcff;
  box-sizing:border-box;
  position:relative;
  max-width:min(1280px,calc(100% - 32px));
  margin:16px auto 20px;
  padding:16px 18px 16px 54px!important;
  border:1px solid var(--ipm-notice-border)!important;
  border-radius:var(--ip-radius-card,16px)!important;
  background:var(--ipm-notice-bg)!important;
  color:var(--text-primary,#151821)!important;
  box-shadow:0 4px 18px rgba(51,8,103,.035);
  font-family:var(--ip-font-body,Manrope,sans-serif);
  font-size:14px;
  font-weight:600;
  line-height:1.6;
  list-style:none;
  overflow-wrap:anywhere;
}
body[class] :is(.woocommerce-error,.wc-block-components-notice-banner.is-error){
  --ipm-notice-accent:#a52139;
  --ipm-notice-border:#f0d6dc;
  --ipm-notice-bg:#fff7f9;
}
body[class] .wc-block-components-notice-banner.is-warning{
  --ipm-notice-accent:#795006;
  --ipm-notice-border:#efdfbd;
  --ipm-notice-bg:#fffaf0;
}
body[class] :is(.woocommerce-message,.woocommerce-info,.woocommerce-error)::before{
  content:'✓';
  display:grid;
  place-items:center;
  position:absolute;
  inset:16px auto auto 16px;
  width:24px;
  height:24px;
  border-radius:50%;
  background:rgba(0,196,248,.13);
  color:var(--ipm-notice-accent)!important;
  font-family:var(--ip-font-body,Manrope,sans-serif)!important;
  font-size:15px;
  font-weight:800;
  line-height:1;
}
body[class] .woocommerce-info::before{content:'i'}
body[class] .woocommerce-error::before{content:'!';background:rgba(165,33,57,.09)}
body[class] .woocommerce-error li{margin:0;padding:0;list-style:none}
body[class] .woocommerce-error li+li{margin-top:5px}
body[class] :is(.woocommerce-message,.woocommerce-info,.woocommerce-error) a:not(.button){color:var(--ipm-notice-accent);text-underline-offset:3px}
body[class] :is(.woocommerce-message,.woocommerce-info,.woocommerce-error) .button,
body[class] .wc-block-components-notice-banner .wc-forward{
  float:right;
  margin:0 0 0 18px;
  padding:8px 15px!important;
  min-height:36px;
  border:1px solid var(--primary,#00c4f8)!important;
  border-radius:var(--ip-radius-button,9px)!important;
  background:var(--white,#fff)!important;
  color:var(--secondary,#330867)!important;
  box-shadow:none!important;
  font:700 13px/1.4 var(--ip-font-body,Manrope,sans-serif);
  text-decoration:none!important;
}
body[class] :is(.woocommerce-message,.woocommerce-info,.woocommerce-error) .button:hover,
body[class] .wc-block-components-notice-banner .wc-forward:hover{background:#eafaff!important}
body[class] :is(.woocommerce-message,.woocommerce-info,.woocommerce-error,.wc-block-components-notice-banner) :is(a,button):focus-visible{outline:2px solid var(--secondary,#330867);outline-offset:3px}
body[class] .wc-block-components-notice-banner{align-items:flex-start;gap:12px;padding:16px!important}
body[class] .wc-block-components-notice-banner>svg{flex:0 0 24px;width:24px;height:24px;padding:4px;box-sizing:border-box;border-radius:50%;background:rgba(0,196,248,.13)!important;fill:var(--ipm-notice-accent)!important}
body[class] .wc-block-components-notice-banner.is-error>svg{background:rgba(165,33,57,.09)!important}
body[class] .wc-block-components-notice-banner.is-warning>svg{background:rgba(121,80,6,.1)!important}
body[class] .wc-block-components-notice-banner__content{min-width:0;font:inherit;color:inherit}
body[class] .wc-block-components-notice-banner .wc-block-components-button{color:var(--ipm-notice-accent);border-radius:6px}
body[class] .woocommerce-notices-wrapper:empty{display:none}
body[class] :is(.woocommerce-message,.woocommerce-info,.woocommerce-error,.wc-block-components-notice-banner):focus{
  outline:2px solid var(--ipm-notice-border);
  outline-offset:3px;
}
/* Blocks can render validation feedback beside its field instead of a banner. */
body[class] .wc-block-components-validation-error{
  margin:8px 0 0;
  padding:8px 10px;
  border:1px solid #f0d6dc;
  border-radius:9px;
  background:#fff7f9;
  color:#a52139;
  font:600 13px/1.5 var(--ip-font-body,Manrope,sans-serif);
  overflow-wrap:anywhere;
}
body[class] .wc-block-components-validation-error p{margin:0;font:inherit;color:inherit}
body[class] .wc-block-components-validation-error:empty{display:none}
@media(max-width:600px){
  body[class] :is(.woocommerce-message,.woocommerce-info,.woocommerce-error,.wc-block-components-notice-banner){max-width:calc(100% - 24px);margin-top:12px;margin-bottom:16px;font-size:13px}
  body[class] :is(.woocommerce-message,.woocommerce-info,.woocommerce-error) .button,
  body[class] .wc-block-components-notice-banner .wc-forward{float:none;display:table;margin:0 0 10px;padding:7px 12px!important}
}
