/* ───────────────────────────────────────────────────────────────
 * K-Promo — PATCH 1.7
 * ───────────────────────────────────────────────────────────────
 * Шапка: корректные веса шрифта по эталону Claude Design.
 * Гарнитура (Futura PT) у всех элементов та же, разница только
 * в font-weight. В предыдущих патчах я задал слишком слабые
 * веса — теперь по эталону.
 *
 * Поле поиска: высота 52px (вместо 64), убран внутренний padding,
 * кнопка-лупа примыкает к правому краю без отступа.
 *
 * Подключается ПОСЛЕ patch-1.6.css.
 * ─────────────────────────────────────────────────────────────── */


/* ═══════════════════════════════════════════════════════════════
 * FIX 1 — Placeholder поиска: жирный (600) и темнее
 * ═══════════════════════════════════════════════════════════════ */

body.kp-body .kp-search-input {
  font-family: "Futura PT", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  color: var(--ink) !important;
}

body.kp-body .kp-search-input::placeholder {
  font-family: "Futura PT", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: 600 !important;
  color: var(--ink-3) !important;
  opacity: 1 !important;
}


/* ═══════════════════════════════════════════════════════════════
 * FIX 2 — Поле поиска: высота 52px, без внутреннего padding
 * ═══════════════════════════════════════════════════════════════ */

body.kp-body .kp-search {
  background: var(--fog) !important;
  border-radius: var(--radius-sm) !important;
  height: 52px !important;
  max-width: 520px !important;
  width: 100% !important;
  padding: 0 !important;
  gap: 0 !important;
  border: 1px solid transparent !important;
  overflow: hidden !important;       /* чтобы кнопка примыкала к радиусу */
  display: flex !important;
  align-items: stretch !important;
}

body.kp-body .kp-search:focus-within {
  background: #fff !important;
  border-color: var(--ink) !important;
}

body.kp-body .kp-search-input {
  flex: 1 1 auto !important;
  height: 100% !important;
  padding: 0 20px !important;
  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
}

body.kp-body .kp-search-btn {
  width: 52px !important;
  height: 100% !important;
  background: var(--yellow) !important;
  border: 0 !important;
  border-radius: 0 !important;       /* прямые края, потому что обёртка обрезает */
  display: grid !important;
  place-items: center !important;
  flex-shrink: 0 !important;
  cursor: pointer !important;
  transition: background .15s !important;
}

body.kp-body .kp-search-btn:hover {
  background: var(--yellow-hover) !important;
}

body.kp-body .kp-search-btn svg {
  width: 20px !important;
  height: 20px !important;
  stroke: var(--ink) !important;
  color: var(--ink) !important;
}


/* ═══════════════════════════════════════════════════════════════
 * FIX 3 — Телефоны: правильные веса (800 для верхнего, 700 для нижнего)
 * ═══════════════════════════════════════════════════════════════ */

body.kp-body .kp-phones {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  text-align: right !important;
}

body.kp-body .kp-phone-line {
  font-family: "Futura PT", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: 800 !important;
  font-size: 18px !important;
  letter-spacing:normal!important;
  color: var(--ink) !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
}

body.kp-body .kp-phone-line.kp-phone-mobile,
body.kp-body a.kp-phone-mobile {
  font-weight: 700 !important;
  font-size: 14px !important;
  color: var(--ink) !important;       /* в эталоне такой же тёмный, не серый */
  opacity: 0.7 !important;             /* лёгкая разница достигается opacity, не цветом */
}


/* ═══════════════════════════════════════════════════════════════
 * FIX 4 — Кнопка "Заказать звонок": жирный 800
 * ═══════════════════════════════════════════════════════════════ */

body.kp-body .kp-cta-call,
body.kp-body button.kp-cta-call {
  font-family: "Futura PT", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: 800 !important;
  font-size: 15px !important;
  letter-spacing:normal!important;
  text-transform: none !important;
  background: var(--yellow) !important;
  color: var(--ink) !important;
  height: 52px !important;            /* ← синхронизация высоты с поиском */
  padding: 0 28px !important;
  border-radius: var(--radius-sm) !important;
  border: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  transition: background .15s, transform .15s !important;
}

body.kp-body .kp-cta-call:hover {
  background: var(--yellow-hover) !important;
  transform: translateY(-1px) !important;
}


/* ═══════════════════════════════════════════════════════════════
 * FIX 5 — Топ-бар: Futura PT, размер 15px (вес — наследуемый 400, не форсим)
 * ═══════════════════════════════════════════════════════════════ */

body.kp-body .kp-topbar,
body.kp-body .kp-topbar .kp-tb-item {
  font-family: "Futura PT", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size: 15px !important;
}