/* Отзывы о работодателях и соискателях: звёзды, сводка, карточки, форма. */

/* ═══════════ ЗВЁЗДЫ ═══════════ */
.stars { display: inline-flex; gap: 1px; line-height: 0; }
.stars__i { color: var(--line); display: inline-flex; position: relative; }
.stars__i.is-full { color: #f5a623; }
.stars__i.is-full svg { fill: #f5a623; }
/* половинка: та же звезда, только приглушённая — без масок и градиентов */
.stars__i.is-half { color: #f5a623; }
.stars__i.is-half svg { fill: #f5a623; opacity: .42; }

.rating-badge {
  display: inline-flex; align-items: center; gap: 5px;
  font-weight: 700; color: #b47100;
}
.rating-badge svg { fill: #f5a623; color: #f5a623; }
.rating-badge--empty { color: var(--muted-2); font-weight: 500; font-size: 13px; }
.rating-badge--empty svg { fill: none; color: var(--muted-2); }

/* ═══════════ СВОДКА ═══════════ */
.reviews { scroll-margin-top: calc(var(--header-h) + 20px); }

.rev-summary {
  display: grid; grid-template-columns: 160px 1fr; gap: 24px; align-items: center;
  margin-top: 18px; padding: 18px;
  border-radius: var(--r-lg);
  background: var(--surface-2);
}
.rev-summary__score { text-align: center; }
.rev-summary__num { font-size: 42px; font-weight: 800; letter-spacing: -.05em; line-height: 1; margin-bottom: 8px; }
.rev-summary__bars { display: flex; flex-direction: column; gap: 6px; }

.rev-bar { display: flex; align-items: center; gap: 8px; font-size: 12.5px; color: var(--muted); }
.rev-bar svg { color: #f5a623; fill: #f5a623; flex: none; }
.rev-bar__track { flex: 1; height: 7px; border-radius: 99px; background: var(--line); overflow: hidden; }
.rev-bar__fill { display: block; height: 100%; border-radius: 99px; background: #f5a623; transition: width var(--normal); }
.rev-bar__num { width: 22px; text-align: right; font-variant-numeric: tabular-nums; }

.rev-actions { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-top: 16px; }
.rev-locked {
  display: inline-flex; align-items: flex-start; gap: 8px;
  padding: 10px 12px;
  border-radius: var(--r-sm);
  background: var(--surface-2);
  font-size: 13px; color: var(--muted); line-height: 1.45;
}
.rev-locked svg { flex: none; margin-top: 1px; }

/* ═══════════ КАРТОЧКА ОТЗЫВА ═══════════ */
.rev-list { display: flex; flex-direction: column; gap: 14px; margin-top: 20px; }
.rev-item { padding-top: 18px; border-top: 1px solid var(--line-2); }
.rev-list > .rev-item:first-child { padding-top: 0; border-top: 0; }
.rev-item__head { display: flex; align-items: flex-start; gap: 12px; }
.rev-item__name { font-weight: 650; font-size: 14.5px; }
.rev-item__rate { display: flex; flex-direction: column; align-items: flex-end; gap: 2px; flex: none; }
.rev-item__word { font-size: 11.5px; color: var(--muted-2); }
.rev-item__tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px; }
.rev-tag {
  padding: 4px 10px;
  border-radius: 99px;
  background: var(--surface-2);
  border: 1px solid var(--line);
  font-size: 12px; color: #3e4655;
}
.rev-item__text { margin-top: 12px; font-size: 14.5px; line-height: 1.6; color: #2b3444; white-space: pre-line; }
.rev-item__foot { display: flex; gap: 14px; margin-top: 12px; }

.rev-reply {
  margin-top: 12px; padding: 12px 14px;
  border-radius: var(--r-md);
  background: var(--accent-soft);
  border-left: 3px solid var(--accent);
}
.rev-reply__head { display: flex; align-items: center; gap: 6px; font-size: 12.5px; font-weight: 650; color: var(--accent); }
.rev-reply p { margin-top: 6px; font-size: 14px; line-height: 1.55; color: #2b3444; }

/* ═══════════ ФОРМА ОЦЕНКИ ═══════════ */
.star-input { display: flex; align-items: center; gap: 4px; }
.star-input__btn {
  border: 0; background: none; padding: 2px; cursor: pointer;
  color: var(--line); line-height: 0;
  transition: transform var(--fast), color var(--fast);
}
.star-input__btn:hover { transform: scale(1.12); }
.star-input__btn.is-on { color: #f5a623; }
.star-input__btn.is-on svg { fill: #f5a623; }
.star-input__word { margin-left: 12px; font-size: 14px; font-weight: 650; color: var(--muted); }

/* ═══════════ РАЗДЕЛ В КАБИНЕТЕ ═══════════ */
.rev-dash { display: grid; grid-template-columns: 200px 1fr; gap: 20px; align-items: center; }
.rev-dash__score {
  text-align: center; padding: 20px;
  border-radius: var(--r-lg);
  border: 1px solid var(--line);
  background: var(--surface);
}
.rev-dash__num { font-size: 40px; font-weight: 800; letter-spacing: -.05em; line-height: 1; margin-bottom: 6px; }
.rev-dash__num--empty { color: var(--muted-2); }
.rev-dash__hint {
  padding: 18px 20px;
  border-radius: var(--r-lg);
  background: var(--surface-2);
}

.rev-pending { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 10px; }
.rev-pending__item {
  display: flex; align-items: center; gap: 11px;
  padding: 12px 14px;
  border-radius: var(--r-md);
  border: 1px solid var(--line);
  background: var(--surface);
}

@media (max-width: 720px) {
  .rev-summary { grid-template-columns: 1fr; gap: 16px; }
  .rev-dash { grid-template-columns: 1fr; }
  .rev-item__head { flex-wrap: wrap; }
  .rev-item__rate { flex-direction: row; align-items: center; gap: 8px; }
}