/*
=============================================================
  AMORECLUB.COM.UA — TILDA CSS v3  LUXURY EDITION
  Референс: talamarkova.com (скриншот 2)
  
  ПАЛИТРА:
  Фон:         #F5EFE6  тёплый крем
  Фон секций:  #EDE4D8  бежевый
  Текст:       #1C1612  почти чёрный
  Текст 2:     #4A3728  тёмно-коричневый
  Акцент:      #8B1A1A  тёмно-красный (как кнопка на сайте)
  Золото:      #B8935A  тёплое золото (деко)

  ШРИФТЫ:
  Заголовки:  Playfair Display  — роскошная, узнаваемая
  Текст:      Jost              — современная, чистая
=============================================================
*/

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Jost:wght@300;400;500;600&display=swap');

/* ─── ПЕРЕМЕННЫЕ ─────────────────────────────────────────── */
:root {
  --cream:        #F5EFE6;
  --cream-deep:   #EDE4D8;
  --cream-dark:   #D9CFC2;
  --red:          #B03030;
  --red-hover:    #8B1A1A;
  --gold:         #B8935A;
  --gold-light:   #D4B483;
  --text:         #1C1612;
  --text-2:       #4A3728;
  --text-3:       #7A6558;
  --white:        #FFFFFF;
  --divider:      rgba(184, 147, 90, 0.25);
}

/* ─── БАЗОВЫЕ СТИЛИ ──────────────────────────────────────── */
body {
  font-family: 'Jost', sans-serif !important;
  background-color: var(--cream) !important;
  color: var(--text) !important;
  -webkit-font-smoothing: antialiased !important;
}

/* ─── ЗАГОЛОВКИ — Playfair Display ───────────────────────── */
h1, h2, h3, h4,
.t-title,
.tn-atom[class*="title" i],
[class*="t396__elem"] .tn-atom {
  font-family: 'Playfair Display', serif !important;
  font-weight: 400 !important;
  letter-spacing: 0.01em !important;
  color: var(--text) !important;
}

/* ─── ВЕСЬ ОСТАЛЬНОЙ ТЕКСТ — Jost ────────────────────────── */
p, li, span, div, a, label,
input, textarea, button, select,
.t-text, .t-descr {
  font-family: 'Jost', sans-serif !important;
}

/* ═══════════════════════════════════════════════════════════
   HERO / COVER — тёмный фон с белым читаемым текстом
   ═══════════════════════════════════════════════════════════ */

/* Overlay поверх тёмного фото для лучшей читаемости */
.t-cover__carrier::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(
    to bottom,
    rgba(20, 10, 5, 0.45) 0%,
    rgba(20, 10, 5, 0.55) 50%,
    rgba(20, 10, 5, 0.65) 100%
  ) !important;
  pointer-events: none !important;
}

/* ВСЕ тексты в hero — белые, без розового свечения */
.t-cover *,
.t-cover__container *,
.t-cover p,
.t-cover span,
.t-cover div,
.t-cover h1,
.t-cover h2,
.t-cover h3,
.t-cover strong,
.t-cover b,
.t-cover em,
.t-cover i {
  color: var(--white) !important;
  text-shadow: 0 1px 12px rgba(0, 0, 0, 0.5) !important;
}

/* Заголовок hero */
.t-cover h1,
.t-cover .t-title,
.t-cover [class*="title" i] {
  font-family: 'Playfair Display', serif !important;
  font-size: clamp(40px, 5.5vw, 82px) !important;
  font-weight: 500 !important;
  line-height: 1.12 !important;
  letter-spacing: 0.02em !important;
  color: var(--white) !important;
  text-shadow: 0 2px 20px rgba(0, 0, 0, 0.6) !important;
}

/* Подзаголовок / описание hero */
.t-cover p,
.t-cover .t-descr {
  font-family: 'Jost', sans-serif !important;
  font-size: clamp(16px, 1.8vw, 21px) !important;
  font-weight: 300 !important;
  line-height: 1.85 !important;
  letter-spacing: 0.02em !important;
  color: rgba(255, 255, 255, 0.92) !important;
  text-shadow: 0 1px 10px rgba(0, 0, 0, 0.5) !important;
}

/* Акцент в hero — НЕ розовый, а золотой */
.t-cover strong,
.t-cover b {
  font-weight: 600 !important;
  color: var(--gold-light) !important;
  text-shadow: none !important;
}

/* ─── КНОПКИ — тёмно-красные, без свечений ───────────────── */
.t-btn,
.t-submit,
a.t-btn,
button.t-btn,
.t-cover .t-btn,
.t-cover a.t-btn {
  font-family: 'Jost', sans-serif !important;
  font-weight: 500 !important;
  font-size: 13px !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  background-color: var(--red) !important;
  color: var(--white) !important;
  border: none !important;
  border-radius: 50px !important;
  padding: 18px 48px !important;
  text-shadow: none !important;
  box-shadow: 0 6px 24px rgba(139, 26, 26, 0.3) !important;
  transition: background-color 0.3s ease, transform 0.25s ease, box-shadow 0.3s ease !important;
  cursor: pointer !important;
}

.t-btn:hover,
a.t-btn:hover,
button.t-btn:hover {
  background-color: var(--red-hover) !important;
  color: var(--white) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 32px rgba(139, 26, 26, 0.4) !important;
  text-shadow: none !important;
}

/* Outline вариант */
.t-btn_outline {
  background: transparent !important;
  color: var(--red) !important;
  border: 1.5px solid var(--red) !important;
  box-shadow: none !important;
}
.t-btn_outline:hover {
  background-color: var(--red) !important;
  color: var(--white) !important;
}

/* ─── ХЕДЕР ──────────────────────────────────────────────── */
#t-header, .t-header, .t706, .t123 {
  background-color: var(--cream) !important;
  border-bottom: 1px solid var(--divider) !important;
}

#t-header a,
.t-header a,
.t706__col a,
#t-header .t-menu__link-item,
.t-header .t-menu__link-item {
  font-family: 'Jost', sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: var(--text) !important;
  text-shadow: none !important;
  transition: color 0.3s !important;
}

#t-header a:hover,
.t-header a:hover,
#t-header .t-menu__link-item:hover {
  color: var(--red) !important;
}

/* ─── СВЕТЛЫЕ СЕКЦИИ ─────────────────────────────────────── */
.t-section > .t-container,
.t-section_bgcolor-white > .t-container {
  background-color: var(--cream) !important;
}

.t-section:nth-child(even) > .t-container {
  background-color: var(--cream-deep) !important;
}

/* Заголовки в секциях */
.t-section h1,
.t-section h2,
.t-section h3 {
  color: var(--text) !important;
  text-shadow: none !important;
}

/* Текст в секциях */
.t-section p,
.t-section span,
.t-section li,
.t-section .t-text {
  color: var(--text-2) !important;
  text-shadow: none !important;
  line-height: 1.8 !important;
}

/* Акцент-нумерация / слэш (как / 01 на сайте Талы) */
.t-section .t-col:first-child > *:first-child {
  color: var(--red) !important;
}

/* ─── ДЕКОРАТИВНАЯ ЛИНИЯ ПОД ЗАГОЛОВКАМИ ─────────────────── */
.t-section h2::after {
  content: '';
  display: block;
  width: 48px;
  height: 1px;
  background-color: var(--gold);
  margin-top: 16px;
}

/* ─── ССЫЛКИ ─────────────────────────────────────────────── */
a {
  color: var(--red) !important;
  text-decoration: none !important;
  transition: color 0.3s !important;
}
a:hover {
  color: var(--red-hover) !important;
}

/* ─── ФОРМЫ ──────────────────────────────────────────────── */
.t-input,
input[type="text"],
input[type="email"],
input[type="tel"],
textarea,
.t-form__inputsbox input,
.t-form__inputsbox textarea {
  font-family: 'Jost', sans-serif !important;
  background-color: var(--white) !important;
  border: 1px solid var(--cream-dark) !important;
  border-radius: 10px !important;
  padding: 14px 20px !important;
  color: var(--text) !important;
  font-size: 15px !important;
  transition: border-color 0.3s !important;
}

input:focus, textarea:focus {
  border-color: var(--red) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(139, 26, 26, 0.08) !important;
}

::placeholder {
  color: var(--text-3) !important;
  font-style: normal !important;
  font-weight: 300 !important;
}

/* ─── КАРТОЧКИ ───────────────────────────────────────────── */
.t-card, .t702__col, .t-item {
  border-radius: 16px !important;
  overflow: hidden !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}
.t-card:hover, .t702__col:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 16px 40px rgba(28, 22, 18, 0.12) !important;
}

/* ─── ЦЕНЫ ────────────────────────────────────────────────── */
.t-price {
  font-family: 'Playfair Display', serif !important;
  font-size: 2.5em !important;
  font-weight: 500 !important;
  color: var(--red) !important;
}

/* ─── ЦИТАТЫ ─────────────────────────────────────────────── */
blockquote {
  border-left: 2px solid var(--gold) !important;
  background-color: var(--cream-deep) !important;
  border-radius: 0 12px 12px 0 !important;
  padding: 20px 28px !important;
  color: var(--text-2) !important;
  font-style: italic !important;
}

/* ─── РАЗДЕЛИТЕЛИ ────────────────────────────────────────── */
hr, .t-separator {
  border: none !important;
  border-top: 1px solid var(--divider) !important;
}

/* ─── ФУТЕР ──────────────────────────────────────────────── */
#t-footer, .t-footer {
  background-color: var(--text) !important;
}
#t-footer *, .t-footer * {
  font-family: 'Jost', sans-serif !important;
  color: var(--cream-deep) !important;
  text-shadow: none !important;
}
#t-footer a:hover, .t-footer a:hover {
  color: var(--gold-light) !important;
}

/* ─── МОБИЛЬНАЯ АДАПТАЦИЯ ────────────────────────────────── */
@media (max-width: 768px) {
  .t-cover h1 { font-size: 34px !important; }
  .t-cover p  { font-size: 15px !important; }
  .t-btn      { padding: 15px 30px !important; font-size: 12px !important; }
}

/* ─── СКРОЛЛБАР ──────────────────────────────────────────── */
::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { background: var(--cream); }
::-webkit-scrollbar-thumb { background: var(--gold-light); border-radius: 10px; }
::-webkit-scrollbar-thumb:hover { background: var(--red); }