/* ============================================================
   Виджет «Медсестра на дом» (ГЗТ.РФ): скин под стиль сайта.
   Сам скрипт js/gzt-home-visit.js не правим — он читает CSS-переменные --gzt-*
   с элемента .gzt-hv (им становится точка монтирования и окно мастера).
   Токены берём из :root в style.css, чтобы мастер следовал палитре сайта.
   ============================================================ */

/* префикс body нужен ради специфичности: скрипт вставляет свой <style> в конец <head>,
   то есть позже этого файла, и при равной специфичности его значения по умолчанию победили бы */
body .gzt-hv {
  --gzt-accent: var(--red);
  --gzt-accent-2: var(--pink);
  --gzt-ink: var(--dark);
  --gzt-mute: var(--text-47);
  --gzt-line: #dfe5ee;
  --gzt-track: var(--grey-bg-2);
  --gzt-soft: var(--pink-bg);
  --gzt-radius: 28px;
  --gzt-radius-sm: 16px;
  --gzt-btn-radius: 32px;
  --gzt-btn-font: 500 18px var(--font-body);
  --gzt-btn-transform: none;
  --gzt-font: var(--font-body);
  --gzt-font-head: var(--font-head);
  --gzt-overlay: rgba(2, 13, 32, 0.6);
}

/* скрипт жёстко задаёт font-weight: 700 после переменной --gzt-btn-font,
   а в макете сайта кнопки средней жирности — возвращаем 500 */
body .gzt-hv .gzt-hv-btn {
  font-weight: 500;
}

/* --- кнопка на страницах чекапов: как .chk-btn, но тёмная ---
   красная кнопка остаётся за записью в клинику, вызов медсестры — второстепенное действие */
.chk-hv-mount {
  display: inline-flex;
}

.chk-hv-mount > .gzt-hv-btn {
  height: 54px;
  min-height: 0;
  padding: 0 37px 0 38px;
  border-radius: 32px;
  background: var(--dark);
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.02em;
  text-align: center;
}

/* ховер как у .chk-btn (прозрачность), а не тень со сдвигом из скрипта */
.chk-hv-mount > .gzt-hv-btn:hover {
  opacity: 0.9;
  box-shadow: none;
  transform: none;
}

/* доля ряда рядом с широкой красной кнопкой: растягиваем и точку монтирования, и кнопку в ней */
.chk-hv-mount--wide {
  display: flex;
  flex: 1 1 280px;
  min-width: 0;
}

.chk-hv-mount--wide > .gzt-hv-btn {
  width: 100%;
  padding: 0 20px;
}

@media (max-width: 659px) {
  .chk-hv-mount,
  .chk-hv-mount > .gzt-hv-btn {
    width: 100%;
  }
  .chk-hv-mount--wide {
    flex: none;
  }
}