/* ToberHost Shopee Card v3.5 — tbsc.css */
:root {
  --tbsc-r:  #C0392B;
  --tbsc-rd: #9B2335;
  --tbsc-rl: #FDECEA;
  --tbsc-y:  #F7C32E;
  --tbsc-yd: #7a5c00;
  --tbsc-t:  #212121;
  --tbsc-m:  #757575;
  --tbsc-b:  #E0E0E0;
  --tbsc-bg: #F5F5F5;
  --tbsc-w:  #fff;
}

body.woocommerce,
body.woocommerce-page { background: var(--tbsc-bg); }

/* GRID */
.woocommerce ul.products,
.woocommerce-page ul.products {
  display: grid !important;
  grid-template-columns: repeat(5, 1fr) !important;
  gap: 6px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 16px !important;
  width: 100% !important;
  float: none !important;
  clear: both !important;
}
@media (max-width: 1100px) and (min-width: 769px) {
  .woocommerce ul.products,
  .woocommerce-page ul.products { grid-template-columns: repeat(3,1fr) !important; }
}
@media (max-width: 768px) {
  .woocommerce ul.products,
  .woocommerce-page ul.products { grid-template-columns: repeat(2,1fr) !important; gap: 5px !important; }
}

/* CARD */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  clear: none !important;
  background: var(--tbsc-w) !important;
  border: 0.5px solid var(--tbsc-b) !important;
  border-radius: 3px !important;
  overflow: hidden !important;
  box-shadow: 0 1px 2px rgba(0,0,0,.04) !important;
  transition: transform .15s, box-shadow .15s !important;
  display: flex !important;
  flex-direction: column !important;
  position: relative !important;
}
.woocommerce ul.products li.product:hover,
.woocommerce-page ul.products li.product:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(0,0,0,.1) !important;
  border-color: #bbb !important;
  z-index: 2 !important;
}
.woocommerce ul.products li.product > a { display: block !important; text-decoration: none !important; }

/* Wrapper gambar untuk badge absolute */
.woocommerce ul.products li.product .tbsc-img-wrap {
  position: relative !important;
  display: block !important;
  width: 100% !important;
}
.woocommerce ul.products li.product .tbsc-img-wrap img,
.woocommerce ul.products li.product img {
  width: 100% !important;
  aspect-ratio: 1/1 !important;
  object-fit: cover !important;
  display: block !important;
  margin: 0 !important;
}

/* Judul — lebih besar, bold, tidak terlalu kecil */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  color: var(--tbsc-t) !important;
  padding: 8px 9px 3px !important;
  margin: 0 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  min-height: 37px !important;
  text-align: left !important;
}

/* Badge diskon pojok kanan atas */
.tbsc-disc {
  position: absolute !important;
  top: 0 !important; right: 0 !important;
  background: var(--tbsc-r);
  color: var(--tbsc-w);
  font-size: 9px; font-weight: 700;
  padding: 2px 5px;
  border-radius: 0 0 0 3px;
  z-index: 4; line-height: 1.4;
}

/* PROMO XTRA pojok kiri bawah dalam foto */
.tbsc-promo-xtra {
  position: absolute !important;
  bottom: 0 !important; left: 0 !important;
  display: flex !important;
  z-index: 4 !important;
}
.tbsc-px-p { background: var(--tbsc-y); color: var(--tbsc-yd); font-size: 8px; font-weight: 700; padding: 2px 4px; line-height: 1.5; }
.tbsc-px-x { background: var(--tbsc-r); color: #fff; font-size: 8px; font-weight: 700; padding: 2px 4px; line-height: 1.5; }

/* Sembunyikan badge bawaan WooCommerce */
.woocommerce ul.products li.product .onsale,
.woocommerce-page ul.products li.product .onsale { display: none !important; }

/* Harga row */
.tbsc-price-row {
  display: flex; align-items: baseline; gap: 4px;
  padding: 2px 9px 3px; flex-wrap: wrap;
}
.tbsc-price .woocommerce-Price-amount,
.tbsc-price { color: var(--tbsc-r) !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1 !important; }
.tbsc-price-pct {
  background: var(--tbsc-rl); color: var(--tbsc-r);
  font-size: 10px; font-weight: 700; padding: 1px 4px; border-radius: 2px; line-height: 1.3;
}

/* Sembunyikan harga bawaan */
.woocommerce ul.products li.product > .price,
.woocommerce-page ul.products li.product > .price { display: none !important; }

/* META: ★ angka · terjual */
.tbsc-meta {
  display: flex; align-items: center; gap: 3px;
  padding: 2px 9px 9px;
}
.tbsc-star1 { fill: var(--tbsc-y); flex-shrink: 0; }
.tbsc-rnum  { font-size: 11px; color: var(--tbsc-t); font-weight: 500; }
.tbsc-sold  { font-size: 11px; color: var(--tbsc-m); }

/* Sembunyikan tombol add to cart */
.woocommerce ul.products li.product .button.add_to_cart_button,
.woocommerce-page ul.products li.product .button.add_to_cart_button,
.woocommerce ul.products li.product .added_to_cart { display: none !important; }

/* PAGINATION */
.woocommerce-result-count { font-size: 12px; color: var(--tbsc-m); }
.woocommerce-ordering select { border: 0.5px solid var(--tbsc-b); border-radius: 3px; padding: 6px 10px; font-size: 12px; }
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span { border: 0.5px solid var(--tbsc-b) !important; border-radius: 3px !important; font-size: 12px !important; }
.woocommerce nav.woocommerce-pagination ul li span.current { background: var(--tbsc-r) !important; border-color: var(--tbsc-r) !important; color: var(--tbsc-w) !important; }

/* MOBILE BOTTOM NAV */
.tbsc-bottom-nav { display:none; position:fixed; bottom:0; left:0; right:0; background:var(--tbsc-w); border-top:1px solid var(--tbsc-b); z-index:9999; padding-bottom:env(safe-area-inset-bottom); }
.tbsc-bottom-nav ul { display:flex; list-style:none; margin:0; padding:0; }
.tbsc-bottom-nav ul li { flex:1; }
.tbsc-bottom-nav ul li a { display:flex; flex-direction:column; align-items:center; justify-content:center; padding:6px 4px; font-size:10px; color:var(--tbsc-m); text-decoration:none; gap:3px; }
.tbsc-bottom-nav ul li a.active,.tbsc-bottom-nav ul li a:hover { color:var(--tbsc-r); }
@media (max-width:768px) { .tbsc-bottom-nav { display:block; } body { padding-bottom:58px !important; } }

/* Override meta rating katalog - pastikan ada jarak */
.woocommerce ul.products li.product .tbsc-meta,
.woocommerce-page ul.products li.product .tbsc-meta {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 2px 9px 9px !important;
}
.woocommerce ul.products li.product .tbsc-rnum {
  font-size: 11px !important;
  font-weight: 600 !important;
  color: #333 !important;
}
/* Separator titik antara rating dan terjual */
.woocommerce ul.products li.product .tbsc-sold::before {
  content: "·" !important;
  margin-right: 3px !important;
  color: #ccc !important;
}