/* vim: set ts=2 sw=2 sts=2 et: */

/**
 * Copyright (c) 2001-present X-Cart Holdings LLC. All rights reserved.
 * See https://www.x-cart.com/license-agreement.html for license details.
 */

.labels {
  font-size: var(--font-size-tiny);
  line-height: calc(var(--font-size-tiny) / 3 * 5);
  font-weight: 600;
  padding: 0;
}

.label-main-box {
  padding: 0 calc(var(--rhythmic-unit) / 2);
  transition: var(--mode-transition) background-color, var(--mode-transition) color;
  background: var(--label-bg, transparent);
  color: var(--label-color, inherit);
  display: inline-block;
}

.label-main-box .content {
  white-space: nowrap;
}

.label-main-box .arrow {
  display: none;
}

.label-green {
  --label-bg: var(--color-selected);
  --label-color: var(--color-anti-contrast);
}

.label-orange {
  --label-bg: #C94F03;
  --label-color: var(--color-anti-contrast);
  transition: var(--mode-transition) background;
}

[data-theme='dark'] .label-orange {
  --label-bg: #DD5703;
}

.label-grey {
  --label-bg: var(--color-lines);
  transition: var(--mode-transition) background;
}

.label-blue {
  --label-bg: #2A77B2;
  --label-color: var(--color-anti-contrast);
}

.label-red {
  --label-bg: #CA2602;
  --label-color: var(--color-anti-contrast);
  transition: var(--mode-transition) background;
}

[data-theme='dark'] .label-red {
  --label-bg: #F72F02;
}