/* ==========================================================================
   Knot1 — header cart icon item-count badge
   Scope: sitewide (the header renders on every page via Xpro Theme
   Builder), scoped narrowly to the cart icon widget itself
   (.elementor-element-2b59a0c) so nothing else in the header is touched.

   The badge's initial count is rendered server-side (functions.php,
   elementor/widget/render_content) so it's correct on first paint with no
   JS. WooCommerce's own wc-cart-fragments script then keeps it live after
   that — both right after an AJAX add-to-cart on the page, and by
   correcting a stale count via its cart-hash check if the page itself was
   served from the site's page cache.
   ========================================================================== */

:root{
  --k1-accent:#B8974E;
  --k1-black:#141414;
  --k1-surface:#FFFFFF;
}

.elementor-element-2b59a0c .elementor-icon{
  position:relative;
}

.k1-cart-count-badge{
  position:absolute;
  top:-7px;
  right:-10px;
  min-width:16px;
  height:16px;
  padding:0 4px;
  border-radius:999px;
  background:var(--k1-accent);
  color:var(--k1-black);
  font-family:'Jost','Helvetica Neue',Arial,sans-serif;
  font-size:10px;
  font-weight:600;
  line-height:16px;
  text-align:center;
  box-sizing:border-box;
  box-shadow:0 0 0 2px var(--k1-surface);
  pointer-events:none;
}

.k1-cart-count-badge--empty{
  display:none;
}