/* ============================================
   AAL Quick-Ship Badge — Flatsome (production)
   ============================================ */

/* 1) Make each card a positioning context */
.shop-container .products .product-small .col-inner {
  position: relative; /* anchor for our absolute badge */
}

/* 2) Ensure the text block doesn't capture the absolute child */
.shop-container .products .product-small .col-inner .box-text {
  position: static; /* keep default so the badge anchors to .col-inner */
}

/* 3) Absolutely position our wrapper (TOP-RIGHT by default) */
.shop-container .products .product-small .col-inner > .aal-qs-badge-wrap,
.shop-container .products .product-small .col-inner .box-text > .aal-qs-badge-wrap {
  position: absolute;
  z-index: 12;
  top: .5em;
  right: .5em;         /* change to left:.5em for top-left */
  pointer-events: none;
}

/* 4) Badge look */
.shop-container .products .product-small .aal-qs-badge {
  display: inline-block;
  padding: 0.35rem 0.55rem;
  line-height: 1;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 3px;
  background: #1f9d55; /* green */
  color: #fff;
  box-shadow: 0 2px 4px rgba(0,0,0,.2);
}

/* 5) If Flatsome’s native badge container (Sale/New) exists, keep ours clear */
.shop-container .products .product-small .badge-container + .aal-qs-badge-wrap {
  right: .6em;
}

/* Small screens */
@media (max-width: 768px) {
  .shop-container .products .product-small .col-inner > .aal-qs-badge-wrap,
  .shop-container .products .product-small .col-inner .box-text > .aal-qs-badge-wrap {
    top: .4em;
    right: .4em;
  }
  .shop-container .products .product-small .aal-qs-badge {
    font-size: 11px;
    padding: .30rem .50rem;
  }
}

/* ---- Optional: TOP-LEFT version ----
.shop-container .products .product-small .col-inner > .aal-qs-badge-wrap,
.shop-container .products .product-small .col-inner .box-text > .aal-qs-badge-wrap {
  left: .5em; right: auto;
}
*/