/* T01: шкала состояния б/у позиции (оценка 1-10) на странице товара.
   Скоуп — только классы .pdp-condition-rating*; рамка и текст наследуют
   существующие CSS-переменные темы. Десять фиксированных оттенков — один
   проверяемый градиент: 1 насыщенный тёмно-красный -> 3 яркий
   красно-оранжевый (полоса 1-3 красная), 4 тёмно-золотой -> 6
   жёлто-оливковый -> 7 салатовый (полоса 4-7 жёлтая, 7 тяготеет к
   салатовому), 8 жёлто-зелёный -> 10 насыщенный глубокий зелёный
   (полоса 8-10 зелёная). Все десять шагов различимы, без «равных полос».
   Контраст проверен для обеих тем: базовые оттенки >= 3.2:1 на тёмном
   фоне; в светлой теме жёлтые и жёлто-зелёные сегменты затемнены до
   >= 3:1 на светлом. Число «N/10» и словесная оценка печатаются цветом
   темы, так что состояние читается и без цвета. */

.pdp-condition-rating {
    display: inline-block;
    box-sizing: border-box;
    max-width: 100%;
    padding: 10px 12px;
    border: 1px solid var(--border-dim);
}

.pdp-condition-rating__label {
    margin: 0 0 8px 0;
    font-size: 12px;
    line-height: 1.5;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    color: var(--text-dim);
}

.pdp-condition-rating__value {
    font-weight: 700;
    color: var(--text-primary);
}

.pdp-condition-rating__title {
    text-transform: none;
    letter-spacing: normal;
}

.pdp-condition-rating__scale {
    display: flex;
    gap: 3px;
    width: 280px;
    max-width: 100%;
}

/* Выключенные сегменты тихие; первые N сегментов залиты цветом оценки N. */
.pdp-condition-rating__seg {
    flex: 1 1 0;
    min-width: 8px;
    height: 8px;
    background: var(--border-dim);
}

.pdp-condition-rating__seg--on-r1  { background: #cc1414; }
.pdp-condition-rating__seg--on-r2  { background: #d52515; }
.pdp-condition-rating__seg--on-r3  { background: #e13d14; }
.pdp-condition-rating__seg--on-r4  { background: #ab8007; }
.pdp-condition-rating__seg--on-r5  { background: #c29c05; }
.pdp-condition-rating__seg--on-r6  { background: #b5a512; }
.pdp-condition-rating__seg--on-r7  { background: #94b319; }
.pdp-condition-rating__seg--on-r8  { background: #549f1e; }
.pdp-condition-rating__seg--on-r9  { background: #299518; }
.pdp-condition-rating__seg--on-r10 { background: #118d26; }

/* Светлая тема: жёлтая полоса и жёлто-зелёная граница затемнены ради
   контраста на светлом фоне (тёмная тема использует базовые оттенки). */
.light-theme .pdp-condition-rating__seg--on-r5  { background: #a48404; }
.light-theme .pdp-condition-rating__seg--on-r6  { background: #998b0f; }
.light-theme .pdp-condition-rating__seg--on-r7  { background: #738a14; }
.light-theme .pdp-condition-rating__seg--on-r8  { background: #4d921c; }