/* WRAPING / NATUREFOOD 1.3 — new compact luxury notice.
 * Targets add-to-cart success and product detail notices only.
 * Important checkout/account/payment notices retain native behavior.
 */
body .wrp-cart-notice,
body .woocommerce-message:has(.wrp-cart-notice-marker),
body.single-product .woocommerce-error,
body.single-product .woocommerce-info {
  box-sizing: border-box !important;
  position: relative !important;
  display: block !important;
  width: 100% !important;
  min-height: 68px !important;
  max-height: 800px !important;
  margin: 0 0 24px !important;
  padding: 20px 168px 20px 108px !important;
  background: linear-gradient(108deg, #281b10 0%, #1b140e 48%, #100e0b 100%) !important;
  color: #f7f1e8 !important;
  border: 1px solid #cc9c51 !important;
  border-radius: 9px !important;
  outline: 0 !important;
  box-shadow: inset 0 1px 0 rgba(255, 224, 161, .08), 0 7px 22px rgba(0, 0, 0, .15) !important;
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.65 !important;
  letter-spacing: 0 !important;
  text-align: left !important;
  text-transform: none !important;
  list-style: none !important;
  overflow: hidden !important;
  transition: opacity .18s ease, transform .18s ease, max-height .18s ease,
    min-height .18s ease, margin .18s ease, padding .18s ease,
    border-width .18s ease !important;
}

/* Gold icon, the dividing line and a calm, premium warm tone. */
body .wrp-cart-notice::before,
body .woocommerce-message:has(.wrp-cart-notice-marker)::before,
body.single-product .woocommerce-error::before,
body.single-product .woocommerce-info::before {
  content: "✓" !important;
  box-sizing: border-box !important;
  position: absolute !important;
  top: 50% !important;
  left: 24px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 43px !important;
  height: 43px !important;
  padding: 0 !important;
  margin: 0 !important;
  transform: translateY(-50%) !important;
  border: 1.5px solid #d9a750 !important;
  border-radius: 50% !important;
  background: rgba(222, 165, 70, .09) !important;
  color: #f1ba60 !important;
  font: 600 23px/1 Arial, sans-serif !important;
  text-shadow: none !important;
}
body .wrp-cart-notice::after,
body .woocommerce-message:has(.wrp-cart-notice-marker)::after,
body.single-product .woocommerce-error::after,
body.single-product .woocommerce-info::after {
  content: "" !important;
  box-sizing: border-box !important;
  position: absolute !important;
  left: 88px !important;
  top: 19% !important;
  display: block !important;
  width: 1px !important;
  height: 62% !important;
  border: 0 !important;
  background: rgba(215, 166, 89, .23) !important;
}
/* Errors use a warning icon, never a success checkmark. */
body.single-product .woocommerce-error::before,
body .wrp-cart-notice--error::before {
  content: "!" !important;
}
body.single-product .woocommerce-info::before,
body .wrp-cart-notice--info::before {
  content: "i" !important;
  font-size: 20px !important;
}

/* Button in the screenshot; WooCommerce may place it before the notice text. */
body .wrp-cart-notice :is(a.wc-forward, a.button),
body .woocommerce-message:has(.wrp-cart-notice-marker) :is(a.wc-forward, a.button),
body.single-product :is(.woocommerce-error, .woocommerce-info) :is(a.wc-forward, a.button) {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  float: right !important;
  min-height: 36px !important;
  margin: -3px -141px -3px 18px !important;
  padding: 8px 17px !important;
  background: linear-gradient(115deg, #ffe2a1 0%, #dfae63 100%) !important;
  border: 1px solid #e4bc79 !important;
  border-radius: 4px !important;
  box-shadow: 0 3px 9px rgba(0, 0, 0, .12) !important;
  color: #140f0a !important;
  font-family: inherit !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
  text-transform: none !important;
  white-space: nowrap !important;
}
body .wrp-cart-notice :is(a.wc-forward, a.button):is(:hover, :focus-visible),
body .woocommerce-message:has(.wrp-cart-notice-marker) :is(a.wc-forward, a.button):is(:hover, :focus-visible),
body.single-product :is(.woocommerce-error, .woocommerce-info) :is(a.wc-forward, a.button):is(:hover, :focus-visible) {
  background: #ffdfa0 !important;
  border-color: #ffdfa0 !important;
  color: #140f0a !important;
}

body .wrp-cart-notice-marker,
body .wrp-cart-notice-close,
body .wrp-cart-notice .wrp-cart-notice-close {
  display: none !important;
}
body.single-product :is(ul.woocommerce-error, ol.woocommerce-error),
body.single-product :is(ul.woocommerce-info, ol.woocommerce-info) {
  list-style: none !important;
}
body.single-product :is(ul.woocommerce-error, ol.woocommerce-error, ul.woocommerce-info, ol.woocommerce-info) > li {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  color: inherit !important;
  list-style: none !important;
}
/* Critical: collapse AND remove whole element, not only hide its text. */
body .wrp-cart-notice.wrp-cart-notice--closing {
  opacity: 0 !important;
  transform: translateY(-5px) !important;
  min-height: 0 !important;
  max-height: 0 !important;
  height: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  border-top-width: 0 !important;
  border-bottom-width: 0 !important;
  pointer-events: none !important;
}
@media (max-width: 780px) {
  body .wrp-cart-notice,
  body .woocommerce-message:has(.wrp-cart-notice-marker),
  body.single-product .woocommerce-error,
  body.single-product .woocommerce-info {
    min-height: 58px !important;
    padding: 15px 16px 15px 65px !important;
    margin-bottom: 18px !important;
    border-radius: 7px !important;
    font-size: 13px !important;
  }
  body .wrp-cart-notice::before,
  body .woocommerce-message:has(.wrp-cart-notice-marker)::before,
  body.single-product .woocommerce-error::before,
  body.single-product .woocommerce-info::before {
    left: 14px !important;
    width: 32px !important;
    height: 32px !important;
    font-size: 18px !important;
  }
  body .wrp-cart-notice::after,
  body .woocommerce-message:has(.wrp-cart-notice-marker)::after,
  body.single-product .woocommerce-error::after,
  body.single-product .woocommerce-info::after { left: 55px !important; }
  body .wrp-cart-notice :is(a.wc-forward, a.button),
  body .woocommerce-message:has(.wrp-cart-notice-marker) :is(a.wc-forward, a.button),
  body.single-product :is(.woocommerce-error, .woocommerce-info) :is(a.wc-forward, a.button) {
    float: none !important;
    display: table !important;
    margin: 10px 0 0 !important;
    min-height: 33px !important;
    padding: 7px 13px !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  body .wrp-cart-notice { transition: none !important; }
}