/* Semantic tag palettes — Mood UI Kit brand v1 */

.mhr-card__tag.tag,
.mhr-card__tag[data-tag] {
  border: 0;
  box-shadow: none;
  cursor: default;
  pointer-events: none;
  min-height: 22px;
  height: 22px;
  padding: 0 8px;
  border-radius: 5px;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.45px;
  gap: 0;
}

.mhr-card__tag.tag::before,
.mhr-card__tag[data-tag]::before {
  content: none;
  display: none;
}

[data-theme="dark"] .mhr-card__tag[data-tag="welcome"] { background: rgba(68, 235, 213, 0.1); color: #7DDCCD; }
[data-theme="light"] .mhr-card__tag[data-tag="welcome"] { background: rgba(243, 83, 107, 0.1); color: #A32F49; }
[data-theme="dark"] .mhr-card__tag[data-tag="vip"] { background: rgba(246, 201, 74, 0.12); color: #F0D16F; }
[data-theme="light"] .mhr-card__tag[data-tag="vip"] { background: rgba(246, 201, 74, 0.14); color: #806012; }
[data-theme="dark"] .mhr-card__tag[data-tag="cashback"] { background: rgba(49, 190, 235, 0.11); color: #6BD3F0; }
[data-theme="light"] .mhr-card__tag[data-tag="cashback"] { background: rgba(49, 190, 235, 0.1); color: #12657F; }
[data-theme="dark"] .mhr-card__tag[data-tag="telegram"] { background: rgba(40, 155, 223, 0.12); color: #79C4F2; }
[data-theme="light"] .mhr-card__tag[data-tag="telegram"] { background: rgba(40, 155, 223, 0.1); color: #17699C; }
[data-theme="dark"] .mhr-card__tag[data-tag="fs-shop"] { background: rgba(255, 163, 37, 0.12); color: #FFC068; }
[data-theme="light"] .mhr-card__tag[data-tag="fs-shop"] { background: rgba(255, 163, 37, 0.12); color: #9B5209; }
[data-theme="dark"] .mhr-card__tag[data-tag="poin"] { background: rgba(174, 134, 231, 0.12); color: #C5A0F4; }
[data-theme="light"] .mhr-card__tag[data-tag="poin"] { background: rgba(174, 134, 231, 0.14); color: #7250A7; }
[data-theme="dark"] .mhr-card__tag[data-tag="catalog"] { background: rgba(146, 154, 178, 0.12); color: #B8C1D7; }
[data-theme="light"] .mhr-card__tag[data-tag="catalog"] { background: rgba(146, 154, 178, 0.12); color: #596175; }