/* v1.8.7 - fix badge/discount inner label conflict.
   The renderer uses .nc-box-label inside badge/discount shapes, while the editor selection overlay also used
   the same class name. Older editor CSS made every .nc-box-label a black floating tag. This file scopes the
   product badge/discount label back to a normal transparent centered label inside its own shape. */
html body .magazine-shell .product-card [data-nc-child="badge"],
html body .magazine-shell .product-card [data-nc-child="discount"]{
  position:absolute!important;
  box-sizing:border-box!important;
  display:block!important;
  overflow:hidden!important;
  padding:0!important;
  line-height:1!important;
}

html body .magazine-shell .product-card [data-nc-child="badge"] > .nc-box-label,
html body .magazine-shell .product-card [data-nc-child="discount"] > .nc-box-label{
  position:absolute!important;
  inset:0!important;
  left:0!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  width:100%!important;
  height:100%!important;
  transform:none!important;
  margin:0!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  padding:var(--pad,4px 6px)!important;
  line-height:1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  background:transparent!important;
  color:inherit!important;
  border:0!important;
  border-radius:inherit!important;
  box-shadow:none!important;
  text-shadow:none!important;
  letter-spacing:normal!important;
  font:inherit!important;
  pointer-events:none!important;
}

/* Keep the overlay selection label styled only when it belongs to the overlay, not to product content. */
.nc-editor-overlay > .nc-selection-box > .nc-box-label,
.nc-selection-box > .nc-box-label{
  background:#080604!important;
  color:#ffe39a!important;
  border:1px solid rgba(245,207,98,.34)!important;
  border-radius:0!important;
  padding:3px 7px!important;
  font-size:10px!important;
  font-weight:900!important;
  position:absolute!important;
  left:0!important;
  top:-22px!important;
  white-space:nowrap!important;
  width:auto!important;
  height:auto!important;
  display:block!important;
}

html body .magazine-shell .product-card [data-nc-child="badge"]{
  background:var(--card-bg,#cf332a)!important;
  color:var(--text-color,#fff)!important;
  border:var(--border-width,0px) var(--border-style,solid) var(--border-color,transparent)!important;
  border-radius:var(--radius,0px)!important;
  font-size:var(--font-size,12px)!important;
  font-family:var(--font-family,Arial,Helvetica,sans-serif)!important;
  font-weight:var(--font-weight,900)!important;
  text-transform:uppercase!important;
}

html body .magazine-shell .product-card [data-nc-child="discount"]{
  background:var(--card-bg,#f6d044)!important;
  color:var(--text-color,#9e2019)!important;
  border:var(--border-width,1px) var(--border-style,solid) var(--border-color,#9e2019)!important;
  border-radius:var(--radius,0px)!important;
  font-size:var(--font-size,14px)!important;
  font-family:var(--font-family,Impact,'Arial Black','Arial Narrow',sans-serif)!important;
  font-weight:var(--font-weight,900)!important;
  transform:none!important;
}

html body .magazine-shell .product-card [data-nc-child="badge"].nc-shape-rect,
html body .magazine-shell .product-card [data-nc-child="discount"].nc-shape-rect{border-radius:0!important;}
html body .magazine-shell .product-card [data-nc-child="badge"].nc-shape-rounded,
html body .magazine-shell .product-card [data-nc-child="discount"].nc-shape-rounded{border-radius:6px!important;}
html body .magazine-shell .product-card [data-nc-child="badge"].nc-shape-pill,
html body .magazine-shell .product-card [data-nc-child="discount"].nc-shape-pill{border-radius:999px!important;}
html body .magazine-shell .product-card [data-nc-child="badge"].nc-shape-circle,
html body .magazine-shell .product-card [data-nc-child="discount"].nc-shape-circle{border-radius:50%!important;}