/* Colors are CSS custom properties, set from the configuration in pub/media/av_tierprice/tier-table_<store>.css. */
.av-tier {
    --av-tier-title: inherit;
    --av-tier-text: inherit;
    --av-tier-header-bg: transparent;
    --av-tier-header-text: inherit;
    --av-tier-border: #e6e6e6;
    --av-tier-active-bg: #fdf2e5;
    --av-tier-accent: #e87f00;
    --av-tier-price: inherit;
    --av-tier-muted: #636363;
    --av-tier-savings: #008837;
    --av-tier-error: #c0392b;
    clear: both;
    color: var(--av-tier-text);
    margin: 15px 0;
    width: 100%;
}
.av-tier__title { color: var(--av-tier-title); font-size: 16px; font-weight: 700; margin: 0 0 8px; }
.av-tier__title strong { font-weight: 700; }
.av-tier__table { border-collapse: collapse; margin: 0 0 8px; width: 100%; }
.av-tier__table th,
.av-tier__table td { border-bottom: 1px solid var(--av-tier-border); color: var(--av-tier-text); padding: 8px 10px; text-align: left; vertical-align: top; }
.av-tier__table th { background: var(--av-tier-header-bg); border-top: 1px solid var(--av-tier-border); color: var(--av-tier-header-text); font-weight: 600; }
.av-tier__row { cursor: pointer; }
.av-tier__row.is-active { background: var(--av-tier-active-bg); box-shadow: inset 4px 0 0 var(--av-tier-accent); font-weight: 700; }
.av-tier__price .price { color: var(--av-tier-price); font-weight: 700; white-space: nowrap; }
.av-tier__price-secondary,
.av-tier__base-price { color: var(--av-tier-muted); display: block; font-size: 12px; font-weight: 400; }
.av-tier__saving { white-space: nowrap; }
.av-tier__table td.av-tier__saving { color: var(--av-tier-savings); }
.av-tier__allowed { color: var(--av-tier-muted); font-size: 13px; margin: 0 0 4px; }
.av-tier__allowed.is-invalid { color: var(--av-tier-error); font-weight: 700; }
.av-tier__hint,
.av-tier__saved { color: var(--av-tier-savings); font-size: 13px; margin: 0 0 4px; }
.av-tier__em { font-weight: 700; }
.av-tier__hint .av-tier__em { color: var(--av-tier-text); }
.av-tier__total { font-size: 20px; margin: 10px 0 2px; }
.av-tier__total-gross { color: var(--av-tier-muted); display: block; }
.av-tier--single .av-tier__saving { display: none; }