/* Default: Arabic */
html {
  --rolled-badge-text: "موصى به";
}

/* English version */
html:lang(en) {
  --rolled-badge-text: "Recommended";
}

/* Rolled option badge */
salla-product-options
.s-product-options-thumbnails-wrapper
> div:has(img:is(
  [alt="رول"],
  [alt="Rolled"],
  [alt="Roll"]
)) > p::after {

  content: var(--rolled-badge-text);

  display: block;
  width: fit-content;
  margin: 5px auto 0;
  padding: 3px 9px;

  background: #FEE2E2;
  color: #4eae25;
  border: 1px solid #b6d7a8;
  border-radius: 20px;

  font-size: 11px;
  font-weight: 700;
  line-height: 1.5;
  white-space: nowrap;
}