/* =========================================================================
   quality-control — финальные правки (WP-версия)
   Подключается ПОСЛЕ quality-control.css.
   ========================================================================= */

/* --- 1. Шапка: убрать белую зону под меню (page-info + высота + margin) --- */
body.page-template-page-quality-control header .container.page-info {
  display: none !important;
}
body.page-template-page-quality-control .header-wrap.header_short {
  min-height: 0 !important;
  height: auto !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  background-image: none !important;
}
body.page-template-page-quality-control .header-wrap.header_short > .header {
  min-height: 0 !important;
}

/* --- 2. Hero: согласованная высота --- */
.qc-page--wp { margin-top: 0; }
.qc-page--wp .hero { min-height: 640px; }
@media (min-width: 1024px) {
  .qc-page--wp .hero { min-height: 88vh; }
}

/* === СТЕППЕР "Универсальный путь контроля" (.path-scroll / .path-step, 9 точек) === */

/* контейнер: 9 в ряд, без горизонтальной прокрутки */
body.page-template-page-quality-control .qc-page .path-scroll {
  overflow-x: visible !important;
  position: relative !important;
}
/* трек внутри path-scroll (если есть) — тоже без скролла, линия по центру точек */
body.page-template-page-quality-control .qc-page .path-scroll .path-track {
  display: flex !important;
  flex-wrap: nowrap !important;
  position: relative !important;
  min-width: 0 !important;
}

/* каждый шаг: равная доля, колонкой, точка сверху ровно на линии */
body.page-template-page-quality-control .qc-page .path-step {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  width: auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  align-self: start !important;
  position: relative !important;
  z-index: 1 !important;
  padding: 0 4px !important;
  margin: 0 !important;
  font-size: 13px !important;
}

/* точка каждого шага — кружок на линии, белый фон "вырезает" линию вокруг */
body.page-template-page-quality-control .qc-page .path-step::before {
  position: relative !important;
  margin: 0 auto 16px !important;
  flex: 0 0 auto !important;
  background-color: #fff !important;
  box-shadow: 0 0 0 4px #fff !important;
}

/* линия — по центру точек, от первой до последней (9 шагов → 50%/9 = 5.56%) */
body.page-template-page-quality-control .qc-page .path-track::before,
body.page-template-page-quality-control .qc-page .path-scroll::before {
  left: 5.56% !important;
  right: 5.56% !important;
}