/* ===== MarlaBadgeItem — rozet satırının tek rozeti ===== */

/*
 * Tüm ölçüler değişkenden okunur: değişken rozetin kendi inline style'ında
 * varsa o, yoksa listeden miras kalan değer, o da yoksa buradaki varsayılan
 * geçerli olur. Köşe yarıçapı varsayılanı 0 — proje geneli kural.
 */
.cc_0gxxbhqk_wQFJF2HAcJ .marla-badge-item {
  align-items: center;
  background: var(--bdg-bg, transparent);
  border: var(--bdg-bw, 1px) solid var(--bdg-bc, var(--kombos-gray-300, #e1dfdf));
  border-radius: var(--bdg-radius, 0);
  box-sizing: border-box;
  color: var(--bdg-color, var(--kombos-gray-900));
  /* Izgara modlarında (eşit genişlik / tam satır) sütunu tamamen doldurur;
     flex modunda içeriği kadar yer kaplar. */
  display: flex;
  font-size: var(--bdg-fs, 0.8125rem);
  font-weight: var(--bdg-fw, 500);
  gap: var(--bdg-icon-gap, 0.375rem);
  justify-content: var(--bdg-content-justify, flex-start);
  line-height: 1.2;
  min-height: var(--bdg-mh, 1.75rem);
  min-width: 0;
  padding: var(--bdg-py, 0.375rem) var(--bdg-px, 0.625rem);
  text-decoration: none;
}

/* İkon sağda */
.cc_0gxxbhqk_wQFJF2HAcJ .marla-badge-item--icon-right {
  flex-direction: row-reverse;
}

/* "Düz Yazı": kutu tamamen kalkar, sadece ikon + yazı kalır. */
.cc_0gxxbhqk_wQFJF2HAcJ .marla-badge-item--plain {
  background: transparent;
  border: 0;
  min-height: 0;
  padding: 0;
}

.cc_0gxxbhqk_wQFJF2HAcJ .marla-badge-item__icon {
  display: block;
  flex: none;
  height: var(--bdg-icon, 1rem);
  object-fit: contain;
  width: var(--bdg-icon, 1rem);
}

/* Hazır ikonlar çizgi SVG; renk `currentColor` üzerinden gelir — "İkon Rengi"
   verilmezse rozetin yazı rengini alır. */
.cc_0gxxbhqk_wQFJF2HAcJ .marla-badge-item__icon--svg {
  color: inherit;
  fill: none;
  height: var(--bdg-icon, 1rem);
  width: var(--bdg-icon, 1rem);
}

.cc_0gxxbhqk_wQFJF2HAcJ .marla-badge-item__text {
  display: block;
}