/*
 * WC Out of Stock Badge (AR)
 * - Designed to be lightweight and to inherit theme typography.
 * - Uses CSS variables if your theme defines them (helps match Maharti settings).
 */

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  position: relative;
}

.tgnia-wcoos-badge {
  position: absolute;
  top: 10px;
  left: 10px; /* user requested on the left */
  z-index: 9;

  /* Theme-friendly colors with fallbacks */
  background: var(--tgnia-badge-bg, var(--mh-primary, #d32f2f));
  color: var(--tgnia-badge-color, #ffffff);

  padding: 6px 12px;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  border-radius: 6px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.18);

  /* Keep it clean with most themes */
  letter-spacing: 0;
  text-transform: none;
}

/* Better placement when product image container is used */
.woocommerce ul.products li.product .woocommerce-LoopProduct-link,
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link {
  display: block;
}

/* If theme uses RTL, still keep left unless user changes via CSS */
html[dir="rtl"] .tgnia-wcoos-badge {
  left: 10px;
  right: auto;
}