.plants-product-category-badges {
  --plants-product-category-badge-min-height: 1.72rem;
  --plants-product-category-badge-padding-block-start: 0.3rem;
  --plants-product-category-badge-padding-inline-end: 0.82rem;
  --plants-product-category-badge-padding-block-end: 0.32rem;
  --plants-product-category-badge-padding-inline-start: 0.9rem;
  --plants-product-category-badge-slant: 11px;
  --plants-product-category-badge-font-size: 0.62rem;
  --plants-product-category-badge-letter-spacing: 0.11em;
  --plants-product-category-badge-overlap: -0.62rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0;
}

.plants-product-category-badges--single {
  margin: 0.35rem 0 0.9rem;
}

/* Keep loop and homepage badges compact; the single-product summary keeps the larger defaults. */
.plants-product-category-badges--loop {
  --plants-product-category-badge-min-height: 1.18rem;
  --plants-product-category-badge-padding-block-start: 0.12rem;
  --plants-product-category-badge-padding-inline-end: 0.46rem;
  --plants-product-category-badge-padding-block-end: 0.14rem;
  --plants-product-category-badge-padding-inline-start: 0.52rem;
  --plants-product-category-badge-slant: 7px;
  --plants-product-category-badge-font-size: 0.5rem;
  --plants-product-category-badge-letter-spacing: 0.07em;
  --plants-product-category-badge-overlap: -0.4rem;
  justify-content: center;
  margin: 0.22rem auto 0.35rem;
}

.plants-product-category-badge {
  --plants-product-category-badge-color: #3d6f7d;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: var(--plants-product-category-badge-min-height);
  padding: var(--plants-product-category-badge-padding-block-start) var(--plants-product-category-badge-padding-inline-end) var(--plants-product-category-badge-padding-block-end) var(--plants-product-category-badge-padding-inline-start);
  clip-path: polygon(var(--plants-product-category-badge-slant) 0, 100% 0, calc(100% - var(--plants-product-category-badge-slant)) 100%, 0 100%);
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0) 35%), var(--plants-product-category-badge-color);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22), 0 10px 22px rgba(14, 30, 37, 0.12);
  color: #fff;
  font-size: var(--plants-product-category-badge-font-size);
  font-weight: 700;
  letter-spacing: var(--plants-product-category-badge-letter-spacing);
  line-height: 1;
  text-transform: uppercase;
}

.plants-product-category-badge + .plants-product-category-badge {
  margin-inline-start: var(--plants-product-category-badge-overlap);
}

.plants-product-category-badge__text {
  display: block;
  white-space: nowrap;
}

.plants-product-category-badge[title] {
  cursor: help;
}

.plants-product-category-badge--difficulty {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22), inset 0 0 0 1px rgba(255, 255, 255, 0.18), 0 10px 22px rgba(14, 30, 37, 0.12);
}

.woocommerce div.product .summary .plants-product-category-badges {
  max-width: 34rem;
}

.woocommerce ul.products li.product .plants-product-category-badges {
  max-width: 100%;
  padding-inline-end: 0.2rem;
}

ul.wc-block-product-template > li.wc-block-product.product .plants-product-category-badges {
  max-width: 100%;
}

@media (max-width: 767px) {
  .plants-product-category-badges--single {
    --plants-product-category-badge-min-height: 1.6rem;
    --plants-product-category-badge-padding-block-start: 0.28rem;
    --plants-product-category-badge-padding-inline-end: 0.72rem;
    --plants-product-category-badge-padding-block-end: 0.3rem;
    --plants-product-category-badge-padding-inline-start: 0.8rem;
    --plants-product-category-badge-slant: 10px;
    --plants-product-category-badge-font-size: 0.58rem;
    --plants-product-category-badge-letter-spacing: 0.09em;
    --plants-product-category-badge-overlap: -0.54rem;
  }

  .plants-product-category-badges--loop {
    --plants-product-category-badge-min-height: 1.04rem;
    --plants-product-category-badge-padding-block-start: 0.1rem;
    --plants-product-category-badge-padding-inline-end: 0.4rem;
    --plants-product-category-badge-padding-block-end: 0.12rem;
    --plants-product-category-badge-padding-inline-start: 0.46rem;
    --plants-product-category-badge-slant: 6px;
    --plants-product-category-badge-font-size: 0.44rem;
    --plants-product-category-badge-letter-spacing: 0.06em;
    --plants-product-category-badge-overlap: -0.34rem;
  }
}