
/* Ensure banners overlay product images in common themes */
.woocommerce ul.products li.product,
.woocommerce div.product div.images,
.woocommerce div.product .woocommerce-product-gallery{
  position:relative;
}

/* Base banner */
.wppb-v6-banner{
  position:absolute;
  z-index:var(--wppb-z, 20);
  color:var(--wppb-color,#111);
  background:color-mix(in srgb, var(--wppb-bg,#FFD54F) calc(var(--wppb-opacity, .95) * 100%), transparent);
  background:var(--wppb-bg,#FFD54F);
  opacity:var(--wppb-opacity, .95);
  padding:var(--wppb-py, 8px) var(--wppb-px, 12px);
  font-size:var(--wppb-fs, 14px);
  line-height:1.1;
  border-radius:var(--wppb-radius, 8px);
  pointer-events:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  max-width:calc(100% - 16px);
  box-sizing:border-box;
}

.wppb-v6-banner__text{font-weight:700;letter-spacing:.2px}

/* Shadow optional */
.wppb-v6-banner.wppb-shadow{
  box-shadow:0 8px 18px rgba(0,0,0,.18);
}

/* Corners */
.wppb-corner-tl{top:10px;left:10px}
.wppb-corner-tr{top:10px;right:10px}
.wppb-corner-bl{bottom:10px;left:10px}
.wppb-corner-br{bottom:10px;right:10px}
.wppb-corner-ct{top:10px;left:50%;transform:translateX(-50%)}

/* Styles */
.wppb-style-bar{transform:none}
.wppb-style-badge{
  width:auto;
  min-width:unset;
  border-radius:999px;
  padding:calc(var(--wppb-py,8px) - 2px) calc(var(--wppb-px,12px) + 4px);
}
.wppb-style-full{
  left:10px; right:10px; top:10px;
  width:auto;
  transform:none;
}
.wppb-style-ribbon{
  width:var(--wppb-width, 180px);
  transform:rotate(var(--wppb-angle, -35deg));
  transform-origin:center;
}

/* When ribbon is centered-top, keep center alignment */
.wppb-style-ribbon.wppb-corner-ct{
  left:50%;
  top:18px;
  transform:translateX(-50%) rotate(var(--wppb-angle, -35deg));
}

/* Mobile font size */
@media (max-width: 600px){
  .wppb-v6-banner{font-size:var(--wppb-fs-m, 12px)}
}
