/* product-9.css — dipindah dari comp/seller-product.php (baris 15957, 26 Okt 2026) agar bisa di-cache browser. */

/* <style id="IC_PRODUCT_CATEGORY_FORCE_TEXT_ONLY_FINAL"> */
/*
 * Category bar pill styles — apply only when show_icons is off (ic-catbar-noicons).
 * Icon/ring mode follows seller storefront settings.
 */
#categoryImageBar .d-flex{
  gap:8px !important;
}

/* <style id="IC_PRODUCT_CATEGORY_TEXT_WEIGHT_NORMAL_FINAL"> */
/*
 * Category product text-only:
 * tulisan dibuat lebih normal, tidak terlalu bold.
 */
#categoryImageBar .ic-cat-label,
#categoryImageBar .category-link .small{
  font-weight:500 !important;
}

#categoryImageBar .ic-cat-btn[aria-pressed="true"] .ic-cat-label,
#categoryImageBar .category-link[aria-pressed="true"] .ic-cat-label,
#categoryImageBar .ic-cat-btn.ic-client-active-final .ic-cat-label,
#categoryImageBar .category-link.ic-client-active-final .ic-cat-label{
  font-weight:600 !important;
}

/* <style id="IC_CATEGORY_BAR_LEFT_ALIGN_AFTER_NAV_HIDE_FINAL"> */
/*
 * Fix category bar setelah main nav single item di-hide.
 * Tujuan: tombol "Semua produk" rata kiri, tidak ada sisa margin kiri.
 */
@media (max-width: 768px){
  #categoryImageBar{
    margin-left:0 !important;
    padding-left:0 !important;
    scroll-padding-left:0 !important;
    justify-content:flex-start !important;
  }

  #categoryImageBar .category-link:first-child,
  #categoryImageBar .ic-cat-btn:first-child,
  #categoryImageBar > *:first-child{
    margin-left:0 !important;
  }

  #categoryImageBar .category-link:first-child{
    padding-left:12px !important;
    padding-right:12px !important;
  }
}