/* Accessible defaults; explicit Portal colors take precedence per token. */
.rdmkt-tier {
  --tier-accent: #CACACA;
  --tier-background: #F4F4F4;
  --tier-text: #595959;
  --tier-hover: #EAEAEA;
  --tier-selected: #DEDEDE;
}

.rdmkt-tier--diamond {
  --tier-accent: #00DDE6;
  --tier-background: #E8FEFF;
  --tier-text: #006C73;
  --tier-hover: #D1F9FB;
  --tier-selected: #B2F2F5;
}

.rdmkt-tier--platinum {
  --tier-accent: #99A8DE;
  --tier-background: #F0F2FC;
  --tier-text: #4D5F9F;
  --tier-hover: #E4E9F8;
  --tier-selected: #D6DEF4;
}

.rdmkt-tier--gold {
  --tier-accent: #F2B300;
  --tier-background: #FFF6D9;
  --tier-text: #855700;
  --tier-hover: #FFF0BF;
  --tier-selected: #FFE7A3;
}

.rdmkt-tier--silver {
  --tier-accent: #CACACA;
  --tier-background: #F4F4F4;
  --tier-text: #595959;
  --tier-hover: #EAEAEA;
  --tier-selected: #DEDEDE;
}

.rdmkt-tier--bronze {
  --tier-accent: #CD7F32;
  --tier-background: #FFF2E5;
  --tier-text: #75410F;
  --tier-hover: #FFE7CF;
  --tier-selected: #FFDDBA;
}

/* Exclusivo RD follows the same outlined, light-background language as tiers. */
.rdmkt-exclusive {
  --tier-accent: #86A900;
  --tier-background: #F5FFD9;
  --tier-text: #466000;
  --tier-hover: #EDFFC0;
  --tier-selected: #E3FFA1;
}

/* Interaction tints use the configured background, never replace its normal value. */
.rdmkt-tier.rdmkt-tier--custom-background {
  --tier-hover: color-mix(in srgb, var(--tier-background) 96%, var(--tier-text));
  --tier-selected: color-mix(in srgb, var(--tier-background) 92%, var(--tier-text));
}

/* Component qualification wins over existing badge and button styles. */
.rdmkt-tier.rdmkt-agencies__tab,
.rdmkt-tier.rdmkt-agencies__badge,
.rdmkt-tier.rdmkt-results__badge,
.rdmkt-tier.rdmkt-profile__badge,
.rdmkt-exclusive.rdmkt-agencies__tab,
.rdmkt-exclusive.rdmkt-agencies__badge,
.rdmkt-exclusive.rdmkt-results__badge,
.rdmkt-exclusive.rdmkt-results__exclusive,
.rdmkt-exclusive.rdmkt-profile__badge {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  max-width: 100%;
  min-height: 32px;
  padding: 6px 12px;
  border: 2px solid var(--tier-accent);
  border-radius: 11px;
  background: var(--tier-background);
  color: var(--tier-text);
  font-weight: 700;
  line-height: 1;
  box-shadow: none;
}

.rdmkt-tier.rdmkt-agencies__tab {
  min-width: min(100%, 152px);
  min-height: 40px;
  padding: 8px 16px;
}

.rdmkt-exclusive.rdmkt-agencies__tab {
  min-width: min(100%, 152px);
  min-height: 40px;
  padding: 8px 16px;
}

.rdmkt-tier.rdmkt-agencies__tab:hover:not(.is-active):not(:disabled):not([aria-disabled="true"]) {
  border-color: var(--tier-accent);
  background: var(--tier-hover);
  color: var(--tier-text);
}

.rdmkt-exclusive.rdmkt-agencies__tab:hover:not(.is-active):not(:disabled):not([aria-disabled="true"]) {
  border-color: var(--tier-accent);
  background: var(--tier-hover);
  color: var(--tier-text);
}

.rdmkt-tier.rdmkt-agencies__tab.is-active {
  border-color: var(--tier-accent);
  background: var(--tier-selected);
  color: var(--tier-text);
  text-decoration: none;
  box-shadow: none;
}

.rdmkt-exclusive.rdmkt-agencies__tab.is-active {
  border-color: var(--tier-accent);
  background: var(--tier-selected);
  color: var(--tier-text);
  text-decoration: none;
  box-shadow: none;
}

.rdmkt-tier.rdmkt-agencies__tab:focus-visible {
  outline: 3px solid var(--tier-text);
  outline-offset: 3px;
}

.rdmkt-exclusive.rdmkt-agencies__tab:focus-visible {
  outline: 3px solid var(--tier-text);
  outline-offset: 3px;
}

.rdmkt-tier.rdmkt-agencies__tab:disabled,
.rdmkt-tier.rdmkt-agencies__tab[aria-disabled="true"] {
  background: var(--tier-background);
  opacity: .95;
  cursor: not-allowed;
}

.rdmkt-exclusive.rdmkt-agencies__tab:disabled,
.rdmkt-exclusive.rdmkt-agencies__tab[aria-disabled="true"] {
  background: var(--tier-background);
  opacity: .95;
  cursor: not-allowed;
}

.rdmkt-tier.rdmkt-agencies__tab .rdmkt-agencies__count,
.rdmkt-tier.rdmkt-agencies__tab:hover .rdmkt-agencies__count,
.rdmkt-tier.rdmkt-agencies__tab.is-active .rdmkt-agencies__count,
.rdmkt-exclusive.rdmkt-agencies__tab .rdmkt-agencies__count,
.rdmkt-exclusive.rdmkt-agencies__tab:hover .rdmkt-agencies__count,
.rdmkt-exclusive.rdmkt-agencies__tab.is-active .rdmkt-agencies__count {
  padding: 2px 6px;
  border: 2px solid var(--tier-accent);
  border-radius: 11px;
  background: var(--tier-background);
  color: var(--tier-text);
  font-weight: 700;
  box-shadow: none;
}