/* ==========================================================
   Phase 08-G.18.9.4.1 — Single Product Add-to-Cart Notice
   Scope: success notice after adding from the single-product page only.
   ========================================================== */

/*
 * Move only the success notice lower from the header/product-page top.
 * No empty-wrapper spacing is introduced when there is no notice.
 */
body.single-product
.mkp-commerce-page
.woocommerce-message{
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:space-between!important;
  flex-wrap:nowrap!important;
  gap:12px!important;
  width:100%!important;
  min-width:0!important;
  min-height:58px!important;
  margin:18px 0 28px!important;
  padding:12px 44px 12px 12px!important;
  direction:rtl!important;
  white-space:nowrap!important;
  line-height:1.65!important;
}

/*
 * Keep Woo's success icon vertically centered on the physical right.
 */
body.single-product
.mkp-commerce-page
.woocommerce-message::before{
  top:50%!important;
  right:15px!important;
  left:auto!important;
  margin:0!important;
  transform:translateY(-50%)!important;
}

/*
 * View Cart stays on the physical left of the SAME row.
 * Reset Woo float rules and use the site's button typography.
 */
body.single-product
.mkp-commerce-page
.woocommerce-message
a.button.wc-forward{
  float:none!important;
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:40px!important;
  margin:0!important;
  padding:8px 14px!important;
  border-radius:10px!important;
  font-family:var(--mkp-font)!important;
  font-size:.53rem!important;
  font-weight:900!important;
  line-height:1!important;
  text-align:center!important;
  white-space:nowrap!important;
}

/* Mobile: preserve one-line message + button without turning into a stack. */
@media(max-width:560px){
  body.single-product
  .mkp-commerce-page
  .woocommerce-message{
    gap:8px!important;
    min-height:54px!important;
    margin-top:22px!important;
    margin-bottom:24px!important;
    padding:10px 38px 10px 9px!important;
    font-size:.50rem!important;
    line-height:1.55!important;
    white-space:nowrap!important;
  }

  body.single-product
  .mkp-commerce-page
  .woocommerce-message::before{
    right:12px!important;
  }

  body.single-product
  .mkp-commerce-page
  .woocommerce-message
  a.button.wc-forward{
    min-height:38px!important;
    padding:7px 10px!important;
    border-radius:9px!important;
    font-size:.48rem!important;
  }
}

/* Very narrow phones: keep the same row, only tighten typography/padding. */
@media(max-width:370px){
  body.single-product
  .mkp-commerce-page
  .woocommerce-message{
    gap:6px!important;
    padding-right:35px!important;
    padding-left:7px!important;
    font-size:.45rem!important;
  }

  body.single-product
  .mkp-commerce-page
  .woocommerce-message
  a.button.wc-forward{
    min-height:36px!important;
    padding-inline:8px!important;
    font-size:.44rem!important;
  }
}