/* Compact Bag Confirmation: only the marked add-to-Bag confirmation, in both native notice
   templates. Styling is available at first paint; no delayed DOM rewrite. */
html body :is(.woocommerce-message,.wc-block-components-notice-banner.is-success):has(.an-store-bag-confirmation) {
  display:block!important;position:relative!important;box-sizing:border-box!important;
  width:fit-content!important;max-width:calc(100% - 32px)!important;min-width:0!important;
  height:auto!important;min-height:0!important;
  margin:calc(24px + var(--an-bag-header-clearance, 0px)) auto 12px!important;padding:0!important;
  background:transparent!important;background-image:none!important;
  border:0!important;border-radius:0!important;box-shadow:none!important;outline:none!important;
  color:#c99a32!important;font-family:inherit!important;font-size:12px!important;
  font-weight:400!important;line-height:1.4!important;text-align:center!important;
}
html body :is(.woocommerce-message,.wc-block-components-notice-banner.is-success):has(.an-store-bag-confirmation)::before,
html body :is(.woocommerce-message,.wc-block-components-notice-banner.is-success):has(.an-store-bag-confirmation)::after,
html body :is(.woocommerce-message,.wc-block-components-notice-banner.is-success):has(.an-store-bag-confirmation) > svg {
  display:none!important;content:none!important;
}
html body .wc-block-components-notice-banner.is-success:has(.an-store-bag-confirmation) > .wc-block-components-notice-banner__content {
  display:block!important;margin:0!important;padding:0!important;min-width:0!important;
  font:inherit!important;text-align:inherit!important;
}
html body .an-store-bag-confirmation {
  display:inline-flex;position:relative;align-items:center;justify-content:center;
  max-width:100%;margin:0;padding:0;
}
/* Keep a spoken success confirmation; the visible interface is VIEW BAG. */
html body .an-store-bag-confirmation__status {
  position:absolute!important;width:1px!important;height:1px!important;
  padding:0!important;margin:-1px!important;overflow:hidden!important;
  clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;
  white-space:nowrap!important;border:0!important;
}
html body :is(.woocommerce-message,.wc-block-components-notice-banner.is-success) .an-store-bag-confirmation > a.an-store-bag-link {
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  float:none!important;box-sizing:border-box!important;width:auto!important;max-width:100%!important;
  min-width:44px!important;min-height:44px!important;margin:0!important;padding:0 10px!important;
  color:#c99a32!important;-webkit-text-fill-color:#c99a32!important;opacity:1!important;
  background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;
  font-family:inherit!important;font-size:12px!important;font-weight:400!important;line-height:1.4!important;
  letter-spacing:.08em!important;text-transform:uppercase!important;text-align:center!important;
  text-decoration:underline!important;text-decoration-thickness:1px!important;text-underline-offset:5px!important;
  white-space:nowrap!important;cursor:pointer;
}
html body .an-store-bag-confirmation > a.an-store-bag-link:focus:not(:focus-visible) {outline:none!important;}
html body .an-store-bag-confirmation > a.an-store-bag-link:focus-visible {outline:1px solid #c99a32!important;outline-offset:3px!important;}

/* Match Store Experience's existing layer so its important mobile rules
   do not override these narrowly scoped refinements. */
@layer an-store-bag-mobile {
  @media (max-width:782px) {
    html body.woocommerce-cart .an-bag-page {
      padding-top:calc(32px + var(--an-bag-page-clearance, 0px))!important;
    }
    html body.woocommerce-cart .an-bag-page .an-bag-heading {
      margin:0 0 24px!important;
      font-size:14px!important;font-weight:400!important;
      line-height:1.4!important;letter-spacing:.08em!important;
    }
    html body.woocommerce-cart .an-bag-page .an-bag-empty {
      gap:16px!important;
    }
    html body.woocommerce-cart .an-bag-page .an-bag-empty h2 {
      font-size:16px!important;font-weight:400!important;
      line-height:1.5!important;letter-spacing:.02em!important;
    }
    html body.woocommerce-cart .an-bag-page .an-bag-empty a {
      display:inline-flex!important;align-items:center!important;justify-content:center!important;
      box-sizing:border-box!important;min-height:44px!important;
      padding:10px 8px!important;font-size:13px!important;font-weight:400!important;
      line-height:1.5!important;letter-spacing:.03em!important;
    }
  }
}