/*
Theme Name:   Xstore child
Theme URI:    https://xstore.8theme.com
Description:  XStore is a multi-purpose theme that offers the ultimate WordPress and WooCommerce synergy, providing a comprehensive, all-in-one solution.
Author:       Bristol House Media
Author URI:   https://www.8theme.com
Template:     xstore
Version:      1.0
Text Domain:  xstore-child
Tags: e-commerce, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, custom-logo, featured-images, full-width-template, threaded-comments, accessibility-ready, rtl-language-support, footer-widgets, sticky-post, theme-options, translation-ready, ecommerce, woocommerce, shop, elementor, business, corporate, blog, news, light, dark
*/

.bb-card-meta { margin: 20px 0; padding: 16px; border: 1px solid #e5e7eb; border-radius: 12px; background: #fff; }
.bb-card-meta__title { margin: 0 0 12px; font-size: 16px; }
.bb-card-meta__list { margin: 0; }
.bb-card-meta__row { display: grid; grid-template-columns: 160px 1fr; gap: 12px; padding: 8px 0; border-top: 1px solid #f1f5f9; }
.bb-card-meta__row:first-child { border-top: 0; }
.bb-card-meta__label { font-weight: 600; margin: 0; }
.bb-card-meta__value { margin: 0; }

.bb-badge-serial{
  position:absolute;
  top:10px;
  left:10px;
  z-index:5;

  padding:6px 12px;
  border-radius:999px;
  font-weight:700;
  font-size:12px;
  line-height:1;
  letter-spacing:.5px;

  background:#000;
  color:#c9a44c;

  border:1px solid #c9a44c;
  box-shadow: 0 0 0 1px rgba(201,164,76,0.25),
              0 4px 10px rgba(0,0,0,0.35);
}

/* Make sure product card can position overlay */
.woocommerce ul.products li.product,
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link{
  position:relative;
}


.bb-badge-serial--oneofone{
  background:#c9a44c;
  color:#000;
  border:none;
  font-weight:800;
  box-shadow: 0 8px 20px rgba(0,0,0,.5);
}


/* Ensure the product card area can position children */
.woocommerce ul.products li.product,
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link{
  position:relative;
}

/* Single product variant (not overlay) */
.bb-badge-serial--single{
  position:static;
  display:inline-block;
  margin: 0 0 10px 0;
}