:root {
  --familyMedium: "FrutigerMedium", sans-serif;
}

.league-page .league-list-item {
  list-style-type: disc;
  color: #3a3535;
  font-size: 1.3rem;
}

.league-page .league-list-item::marker {
  color: #d7ad4e;
}

.league-header-color {
  color: #11483d;
}

.league-header-orange {
  font-family: var(--familyMedium);
  color: #D39C3B;
}

/* Ribbon / tier pill */
.rtl-pill {
  direction: rtl;               /* ensure RTL shaping */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;          /* keep the word intact */
  padding-inline: 14px;         /* logical padding for RTL/LTR */
  min-height: 40px;
  line-height: 1.6;
  letter-spacing: 0;            /* avoid Arabic clipping from tracking */
  font-family: "Tajawal","Cairo","Almarai",system-ui,sans-serif; /* Arabic-capable font */
  text-align: center;
  overflow: visible;            /* avoid cutting tail of letters */
}


/* container */
.benefits-list { margin: 0; padding: 0; display: flex; flex-direction: column; gap: .35rem; }

/* one row */
.benefit-item { display: flex; align-items: flex-start; gap: .5rem; }

/* flip automatically by page dir */
html[dir="rtl"] .benefit-item { flex-direction: row-reverse; text-align: right; }
html[dir="ltr"] .benefit-item { flex-direction: row;         text-align: left; }

/* parts */
.benefit-item .bullet { flex: 0 0 auto; line-height: 1.6; }
.benefit-item .text   { flex: 1 1 auto; }