/* Containers devem ser relativos para receber overlays */
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link,
.woocommerce ul.products li.product a.woocommerce-loop-product__link,
.woocommerce div.product div.images,
.dnn-pdp-main { position: relative; }

/* Remover selo padrão do tema */
.onsale { display: none !important; }

/* Percentual (topo ESQUERDO da foto) */
.dnn-promo-percent{
  position: absolute; left: .5rem; top: .5rem;
  display: inline-block; padding: .35rem .6rem;
  border-radius: 999px;
  background: #ff3b30; color: #fff; font-weight: 800;
  line-height: 1; font-size: clamp(.70rem, .9vw, .85rem);
  box-shadow: 0 8px 20px rgba(0,0,0,.20);
  z-index: 12; user-select: none; white-space: nowrap;
}

/* Contador (topo DIREITO da foto) */
.dnn-promo-badge{
  position: absolute; right: .5rem; top: .5rem;
  display: flex; flex-direction: column; align-items: flex-end; gap: 2px;
  padding: .45rem .6rem; border-radius: 10px;
  background: var(--dnn-badge-bg, #79c64c); color: var(--dnn-badge-fg, #fff);
  border: 1px solid rgba(0,0,0,.12); box-shadow: 0 6px 18px rgba(0,0,0,.18);
  line-height: 1.1; font-size: clamp(.68rem, .9vw, .8rem); z-index: 12; max-width: 60%;
}
.dnn-promo-badge > b { text-transform: uppercase; letter-spacing: .02em; opacity: .95; font-size: .72em; }
.dnn-promo-badge > i { font-style: normal; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-weight: 700; white-space: nowrap; }
.dnn-promo-badge.is-ended { opacity: .6; }

/* Preços (usa variáveis injetadas no PHP) */
.woocommerce div.product p.price,
.woocommerce ul.products li.product .price { color: var(--dnn-price-regular, #8a8f9c); }
.woocommerce div.product p.price ins,
.woocommerce ul.products li.product .price ins { color: var(--dnn-price-sale, #2aa84a); font-weight: 700; text-decoration: none; }
.woocommerce div.product p.price del,
.woocommerce ul.products li.product .price del { color: var(--dnn-price-regular, #8a8f9c); opacity: .9; }

/* Responsividade: não estourar */
@media (max-width: 480px){
  .dnn-promo-badge, .dnn-promo-percent{
    top: .4rem; right: .4rem; left: .4rem;
  }
  .dnn-promo-badge{ font-size: .75rem; padding: .35rem .5rem; }
  .dnn-promo-percent{ font-size: .78rem; padding: .3rem .5rem; }
}

/* garante contêiner relativo nos cards customizados do tema */
article.plp-card a.pic,
article.plp-card .pic { position: relative; display: block; }