@import url("./pasha-baby-vertical-retail-cards-v1.css?v=1.0");

/* Pasha Baby final retail tweaks: no spicy label, fixed discount chip beside cart action, longer cart toast. */

/* Pasha Baby does not use the restaurant-style spicy/hot label. */
#smMenu .sm-display-badge.red{
  display:none!important;
}

/* Never overlay discount badges on the product photo/other labels. */
#smMenu .pb-discount-badge,
#smMenu .sm-live-discount{
  display:none!important;
}

/* Cart action + discount chip are siblings, not one control. */
#smMenu .pb-product-action-row{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:stretch;
  gap:6px;
  margin-top:6px;
  direction:rtl;
}

#smMenu .pb-product-action-row>.sm-direct-add,
#smMenu .pb-product-action-row>.sm-choose-options{
  flex:1 1 auto!important;
  width:auto!important;
  min-width:0!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
}

#smMenu .pb-fixed-discount-chip{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:42px;
  min-height:28px;
  margin:0;
  padding:0 9px;
  border:1px solid #f0bfd0;
  border-radius:10px;
  background:#fff0f5;
  color:#b84f70;
  font-size:9px;
  line-height:1;
  font-weight:1000;
  white-space:nowrap;
  box-shadow:0 2px 7px rgba(170,79,108,.08);
  pointer-events:none;
}

/* cart.js removes .show after 1.3s; delay the hide transition so the success notice
   remains readable for roughly 2.6 seconds without changing cart behavior. */
.sm-cart-toast{
  transition:
    opacity .18s ease 1.15s,
    transform .18s ease 1.15s!important;
}

.sm-cart-toast.show{
  transition-delay:0s!important;
}

@media(max-width:390px){
  #smMenu .pb-product-action-row{gap:5px}

  #smMenu .pb-product-action-row>.sm-direct-add,
  #smMenu .pb-product-action-row>.sm-choose-options{
    gap:3px!important;
  }

  #smMenu .pb-fixed-discount-chip{
    min-width:38px;
    min-height:27px;
    padding-inline:7px;
    font-size:8px;
  }
}

/* Vertical Retail Cards V1 — physical order on mobile/RTL:
   action button anchored to the RIGHT edge, compact discount label immediately to its LEFT. */
html body #smMenu .sm-card .pb-product-action-row{
  display:flex!important;
  flex-direction:row!important;
  direction:rtl!important;
  justify-content:flex-start!important;
  align-items:center!important;
  gap:5px!important;
  width:100%!important;
  min-width:0!important;
  margin-inline:0!important;
  padding-inline:0!important;
}

html body #smMenu .sm-card .pb-product-action-row > .sm-direct-add,
html body #smMenu .sm-card .pb-product-action-row > .sm-choose-options{
  order:0!important;
  flex:0 1 auto!important;
  width:auto!important;
  min-width:78px!important;
  max-width:104px!important;
  margin:0!important;
  margin-inline:0!important;
  direction:rtl!important;
}

html body #smMenu .sm-card .pb-product-action-row > .pb-fixed-discount-chip{
  order:1!important;
  flex:0 0 auto!important;
  direction:rtl!important;
  align-self:center!important;
  width:auto!important;
  min-width:34px!important;
  height:26px!important;
  min-height:26px!important;
  margin:0!important;
  padding:0 7px!important;
  border-radius:9px!important;
  font-size:8px!important;
  line-height:1!important;
}

@media(max-width:390px){
  html body #smMenu .sm-card .pb-product-action-row > .pb-fixed-discount-chip{
    min-width:32px!important;
    height:24px!important;
    min-height:24px!important;
    padding-inline:6px!important;
    font-size:7.5px!important;
  }
}