/* Base rules only. Everything a merchant can configure per label (padding,
   radius, border, shadow, font, colors, sizes) is emitted as an inline style
   by StyleRenderer, which skips any value still on its default — so the
   defaults below and StyleRenderer::NUM/FLT/ENUM must stay in sync. */
.thumbnail-top,.product-thumbnail,.thumbnail-container,.product-cover,.images-container{position:relative}
.pr-labels{position:absolute;inset:0;pointer-events:none;z-index:3}
.pr-labels__corner{position:absolute;display:flex;flex-direction:column;gap:4px;max-width:70%}
.pr-labels__corner--1{top:8px;left:8px;align-items:flex-start}
.pr-labels__corner--2{top:8px;right:8px;align-items:flex-end}
.pr-labels__corner--3{bottom:8px;left:8px;align-items:flex-start}
.pr-labels__corner--4{bottom:8px;right:8px;align-items:flex-end}
.pr-label{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;font-size:12px;font-weight:700;line-height:1.3;white-space:nowrap}
.pr-label__img{display:block;max-width:64px;height:auto}

/* ---------------------------------------------------------------------------
   Hviezdičkový štítok (typ `rating`)
   Rozloženie: prvý riadok = číslo + hviezdičky, pod ním popis. Vlastné rozmery
   (veľkosť čísla, hviezdičky, popisu) prichádzajú inline zo StyleRendera/
   RatingResolvera, tu je len štruktúra a farby.
   --------------------------------------------------------------------------- */
.pr-label--rating {
  /* Musí sedieť s defaults('rating') v StyleRenderer.php — toCss() emituje
     padding LEN keď sa líši od predvolenej hodnoty, takže bez tohto pravidla
     by sa tesnejšie odsadenie nikdy nevykreslilo. */
  padding: 5px 12px 6px;
  flex-direction: column;
  /* Popis začína pod číslom (vľavo), nie na stred — tak to má predloha. */
  align-items: flex-start;
  line-height: 1.15;
  text-align: left;
}

.pr-label__rating-row {
  display: flex;
  align-items: center;
  gap: .55em;      /* odstup čísla od hviezdičiek */
}

.pr-label__rating-value {
  font-weight: 400;   /* číslo je tenké, nie tučné — nemá prekričať hviezdičky */
  line-height: 1;
  white-space: nowrap;
}

/* Dve vrstvy rovnakého reťazca hviezdičiek; vrchná je orezaná na --pr-star-fill,
   takže vykreslí aj časť hviezdičky pri hodnote ako 4,3. */
.pr-label__stars {
  position: relative;
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  letter-spacing: .14em;   /* medzery medzi hviezdičkami */
}

.pr-label__stars-bg {
  color: currentColor;
  opacity: .3;
}

.pr-label__stars-fg {
  position: absolute;
  inset: 0 auto 0 0;
  width: var(--pr-star-fill, 100%);
  overflow: hidden;
  color: var(--pr-star-color, #f5c518);
}

.pr-label__rating-caption {
  display: block;
  /* margin-top a line-height nastavuje šablóna inline z nastavení štítku */
  opacity: .95;
}