/* Smart Trend pricing v1.8.3: hoàn thiện card và bố trí trạng thái/nhắc giá trên desktop. */

/* 1) Card sản phẩm: thông điệp giá số lượng nằm ngay dưới giá, không dùng box. */
.woocommerce ul.products li.product .sttp-card-tier-teaser{
  display:block!important;
  margin:3px 0 9px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#d98200!important;
  font-size:12.5px!important;
  font-weight:700!important;
  line-height:1.35!important;
  text-align:left!important;
}

/* 2) Trang chi tiết: bỏ box giá lặp, thay bằng lời nhắc động ngắn gọn. */
.single-product div.product form.cart .sttp-live-price{
  display:block!important;
  flex:0 0 100%!important;
  order:99!important;
  width:100%!important;
  max-width:100%!important;
  margin:2px 0 0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#d98200!important;
}
.sttp-live-price__message{
  display:block!important;
  color:#d98200!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:1.4!important;
}

/* Bảng ưu đãi số lượng. */
.sttp-price-table{
  margin:16px 0 24px!important;
  padding:20px!important;
}
.sttp-price-table__heading p{margin-bottom:4px!important}
.sttp-price-table__heading h2{margin-bottom:14px!important}
.sttp-price-table__grid{gap:9px!important}
.sttp-tier{
  position:relative!important;
  padding:11px 12px!important;
  transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease!important;
}
.sttp-tier span{font-size:12.5px!important}
.sttp-tier strong{margin-top:2px!important;font-size:15px!important}
.sttp-tier small{
  display:block!important;
  margin-top:3px!important;
  color:#718096!important;
  font-size:11.5px!important;
  font-weight:600!important;
  line-height:1.35!important;
}
.sttp-tier em{
  display:inline-block!important;
  margin-top:5px!important;
  padding:2px 7px!important;
  border-radius:999px!important;
  background:#fff3dc!important;
  color:#b76b00!important;
  font-size:10.5px!important;
  font-style:normal!important;
  font-weight:800!important;
  line-height:1.4!important;
}
.sttp-tier.is-current{
  border-color:#ef9f27!important;
  background:#fffaf0!important;
  box-shadow:0 0 0 1px rgba(239,159,39,.08)!important;
}
.sttp-tier.is-current::after{
  content:'Mức hiện tại';
  position:absolute;
  top:7px;
  right:8px;
  color:#b76b00;
  font-size:9px;
  font-weight:800;
  letter-spacing:.02em;
}
.sttp-tier.is-next{
  border-color:#b9cce4!important;
  background:#f6f9fd!important;
}
.sttp-price-table__note{margin:12px 0 11px!important}
.sttp-price-table__cta{min-height:40px!important;padding:0 16px!important}

@media(max-width:680px){
  .woocommerce ul.products li.product .sttp-card-tier-teaser{
    margin:3px 0 7px!important;
    font-size:11.5px!important;
  }
  .sttp-live-price__message{font-size:12px!important}
  .sttp-price-table{padding:16px!important}
  .sttp-tier{padding:10px!important}
  .sttp-tier span{font-size:11px!important}
  .sttp-tier strong{font-size:13px!important}
  .sttp-tier small{font-size:10.5px!important}
  .sttp-tier.is-current::after{display:none!important}
}

/* v1.8.2 - Hoàn thiện card sản phẩm. */
/* Tạo khoảng thở rõ hơn giữa thông điệp giá số lượng và nút CTA. */
.woocommerce ul.products li.product .sttp-card-tier-teaser{
  margin-bottom:11px!important;
}

/* Đồng bộ vùng tên sản phẩm để các mức giá/CTA thẳng hàng hơn trên lưới shop.
   Giữ nội dung trong DOM cho SEO, chỉ giới hạn phần hiển thị trên card. */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2.woocommerce-loop-product__title{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:3!important;
  overflow:hidden!important;
  min-height:3.9em!important;
  max-height:3.9em!important;
}

@media(max-width:680px){
  .woocommerce ul.products li.product .sttp-card-tier-teaser{
    margin-bottom:11px!important;
  }
  .woocommerce ul.products li.product .woocommerce-loop-product__title,
  .woocommerce ul.products li.product h2.woocommerce-loop-product__title{
    -webkit-line-clamp:4!important;
    min-height:5.2em!important;
    max-height:5.2em!important;
  }
}


/* v1.8.3 - Desktop: gom "Còn hàng" + lời nhắc đạt bậc giá tiếp theo thành một hàng trạng thái riêng.
   Mobile giữ nguyên bố cục đã tối ưu ở v1.8.2. */
.sttp-desktop-break{display:none!important}

@media(min-width:681px){
  .single-product .product-type-simple form.cart .sttp-desktop-break{
    display:block!important;
    flex:0 0 100%!important;
    order:5!important;
    width:100%!important;
    height:0!important;
    margin:0!important;
    padding:0!important;
  }
  .single-product .product-type-simple form.cart .sttp-stock{
    order:6!important;
    flex:0 0 auto!important;
    margin:0!important;
    align-self:center!important;
  }
  .single-product div.product form.cart .sttp-live-price{
    order:7!important;
    flex:1 1 260px!important;
    width:auto!important;
    max-width:none!important;
    margin:0!important;
    align-self:center!important;
  }
  .single-product div.product form.cart .sttp-live-price__message{
    line-height:1.25!important;
  }
}
