/* ================================================================
   ВСТАВИТЬ В: Настройки сайта → Вставка кода → Редактировать CSS
   Этот код исправляет цвет кнопок и шрифты глобально по всему сайту
   ================================================================ */

/* ── ШРИФТЫ ── */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,600;1,400&family=Jost:wght@400;500;600&display=swap');

/* ── КНОПКА «НАПИСАТЬ В TELEGRAM» — светлый фон (hero) ──
   Чёрный текст, прозрачный фон, тёмная рамка              */
.btn-tg,
a.btn-tg {
  background: rgba(20,16,10,.06) !important;
  color: #14100A !important;
  border: 2px solid rgba(20,16,10,.25) !important;
  text-decoration: none !important;
  -webkit-text-fill-color: #14100A !important;
}
.btn-tg:hover,
a.btn-tg:hover,
.btn-tg:visited,
a.btn-tg:visited {
  background: rgba(20,16,10,.1) !important;
  color: #14100A !important;
  -webkit-text-fill-color: #14100A !important;
  border-color: rgba(20,16,10,.5) !important;
}

/* ── КНОПКА «ЗАПИСАТЬСЯ ОНЛАЙН» — терракотовая ── */
.btn-main,
a.btn-main,
.nav-btn,
a.nav-btn {
  background: #A84F3B !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  text-decoration: none !important;
  border: none !important;
}
.btn-main:hover,
a.btn-main:hover,
.nav-btn:hover,
a.nav-btn:hover {
  background: #7A3528 !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

/* ── КНОПКА «ВЫБРАТЬ УДОБНОЕ ВРЕМЯ» — CTA блок (тёмный фон) ── */
.btn-cta-main,
a.btn-cta-main {
  background: #A84F3B !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  text-decoration: none !important;
  border: none !important;
}
.btn-cta-main:hover,
a.btn-cta-main:hover {
  background: #7A3528 !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

/* ── КНОПКА «НАПИСАТЬ В TELEGRAM» — CTA блок (тёмный фон)
   Белый текст, полупрозрачный фон, светлая рамка           */
.btn-cta-tg,
a.btn-cta-tg {
  background: rgba(253,250,246,.1) !important;
  color: #FDFAF6 !important;
  -webkit-text-fill-color: #FDFAF6 !important;
  border: 2px solid rgba(253,250,246,.55) !important;
  text-decoration: none !important;
}
.btn-cta-tg:hover,
a.btn-cta-tg:hover,
.btn-cta-tg:visited,
a.btn-cta-tg:visited {
  background: rgba(253,250,246,.18) !important;
  color: #FDFAF6 !important;
  -webkit-text-fill-color: #FDFAF6 !important;
  border-color: rgba(253,250,246,.85) !important;
}

/* ── STICKY КНОПКА (мобильный) ── */
.sticky-cta a,
a.sticky-cta-link {
  background: rgba(168,79,59,.82) !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  text-decoration: none !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: .02em !important;
}
.sticky-cta a:hover {
  background: rgba(168,79,59,.95) !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

/* ── СБРОС ГЛОБАЛЬНЫХ СТИЛЕЙ TILDA НА ССЫЛКИ ──
   Tilda иногда красит все  в синий или другой цвет      */
.btn-main, .btn-tg, .btn-cta-main, .btn-cta-tg,
a.btn-main, a.btn-tg, a.btn-cta-main, a.btn-cta-tg {
  font-family: 'Jost', system-ui, sans-serif !important;
  font-weight: 500 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 100px !important;
  min-height: 54px !important;
  cursor: pointer !important;
  transition: background .2s, transform .15s !important;
  box-sizing: border-box !important;
}