/* =========================================================
   FT — BLOCK NOTICE BANNERS (CART & CHECKOUT)
   ---------------------------------------------------------
   Scope:   Cart and checkout pages (WooCommerce block-based)
   Purpose: Reskins the newer WooCommerce Block notice
            banners (the ones used on block-based cart and
            checkout pages) to match the luxury minimal
            aesthetic. These are separate from the classic
            .woocommerce-message notices on product pages.
   
   What this does:
   1. BANNER BASE — Removes the default border, sets a
      transparent/white background, tightens padding, and
      normalizes font size and weight.
   2. SUCCESS VARIANT — Makes the success banner background
      fully transparent so it doesn't compete visually.
      Keeps the green icon background for quick recognition.
   3. VIEW CART BUTTON — Strips the default button styling
      and renders it as a pink text link (#f37b94) floated
      right. On hover, text changes to a muted charcoal
      with no text-shadow.
   ========================================================= */

/* --- BANNER BASE --- */

.wc-block-components-notice-banner {
  align-content: flex-start;
  align-items: stretch;
  background-color: #fff;
  border: none;
  border-radius: 4px;
  box-sizing: border-box;
  color: #2f2f2f;
  display: flex;
  font-size: .875em;
  font-weight: 400;
  gap: 6px;
  line-height: 1.5;
  margin: 0;
  padding: 12px !important;
}

/* --- SUCCESS VARIANT --- */

.wc-block-components-notice-banner.is-success {
  background-color: rgba(2,109,133,0.00);
  border-color: #026d85;
}

.wc-block-components-notice-banner.is-success > svg {
  background-color: #026d85;
}

/* --- VIEW CART LINK --- */

.wc-block-components-notice-banner > .wc-block-components-notice-banner__content .wc-forward.wp-element-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: 0;
  color: rgb(243,123,148) !important;
  float: right;
  margin: 0;
  opacity: 1;
  padding: 0 !important;
}

/* Hover — muted charcoal, no text-shadow */
.wc-block-components-notice-banner > .wc-block-components-notice-banner__content .wc-forward.wp-element-button:hover {
  color: rgba(54,69,79,0.31) !important;
  text-shadow: none;
}