/* ============================================================
   redesign.css — аддитивный слой «Showroom» для top-stoleshki.ru
   Фаза 1: оболочка (шапка + подвал). Подключается из header.php
   ПОСЛЕДНИМ, перекрывает template_styles.css точечно.
   НЕ меняем flex-раскладку Bitrix — только типографику, цвет,
   фон, границы, кнопки, скругления. Откат = убрать подключение.
   Источник дизайна: homepage-mockup.html / showroom-production.html
   Токены: Fraunces (заголовки) + Mulish (текст),
   cream #FAF6F0, accent #E53A10, ink #2A2724.
   ============================================================ */

:root{
  --rd-cream:#FAF6F0;
  --rd-sand:#F1E9DE;
  --rd-beige:#E7DBCB;
  --rd-accent:#E53A10;
  --rd-accent-dark:#C22E08;
  --rd-ink:#2A2724;
  --rd-ink-soft:#3F3F3E;
  --rd-muted:#7A7266;
  --rd-line:rgba(42,39,36,.10);
  --rd-shadow:0 18px 50px -22px rgba(42,39,36,.28);
  --rd-shadow-sm:0 8px 26px -16px rgba(42,39,36,.30);
}

/* ---- Типографика ------------------------------------------ */
body{
  font-family:'Mulish',system-ui,-apple-system,'Segoe UI',sans-serif;
  color:var(--rd-ink-soft);
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3{
  font-family:'Fraunces',Georgia,serif;
  color:var(--rd-ink);
  font-weight:500;
  letter-spacing:-.01em;
  line-height:1.1;
}
a{color:inherit}
a:hover{color:var(--rd-accent)}

/* ---- Кнопки (RedBtn — основной CTA сайта) ------------------ */
.RedBtn{
  font-family:'Mulish',sans-serif;
  font-weight:700;
  background:var(--rd-accent);
  border-radius:40px;
  box-shadow:0 10px 24px -12px rgba(229,58,16,.55);
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}
.RedBtn:hover{
  background:var(--rd-accent-dark);
  transform:translateY(-1px);
  box-shadow:0 14px 30px -12px rgba(229,58,16,.6);
}

/* ============================================================
   ШАПКА
   ============================================================ */
/* Верхняя строка-утилити -> тёмная плашка (topbar Showroom) */
header .TopLine{
  background:var(--rd-ink);
  border-bottom:none;
  color:#CFC7BB;
}
header .TopLine a{color:#EDE6DA}
header .TopLine a:hover{color:#fff}

/* Логотип: убрать разделительную линию под тёмным фоном */
header .TopLine .HeaderLogo{
  border-right:1px solid rgba(255,255,255,.14);
}

/* Метки метро/локация — читаемость на тёмном */
header .TopLine .HeaderLocation{color:#CFC7BB}
header .TopLine .HeaderCity{color:#CFC7BB}

/* Телефон в шапке */
header .TopLine .HeaderPhoneNumber a{color:#fff}
header .TopLine .HeaderPhoneNumber a:hover{color:var(--rd-accent)}
header .TopLine .HeaderCall{
  color:#CFC7BB;
  border-bottom-color:rgba(255,255,255,.4);
}

/* Основная строка с меню (mainbar, залипающая) */
header .BottomLine{
  background:rgba(250,246,240,.94);
  -webkit-backdrop-filter:saturate(140%) blur(12px);
  backdrop-filter:saturate(140%) blur(12px);
  border-bottom:1px solid var(--rd-line);
}

/* Пункты верхнего меню */
.BottomLine .HeaderMenu a{
  font-family:'Mulish',sans-serif;
  color:var(--rd-ink-soft);
  transition:color .15s ease;
}
.BottomLine .HeaderMenu a:hover{color:var(--rd-accent)}

/* ============================================================
   ПОДВАЛ
   ============================================================ */
footer{
  background:var(--rd-ink);
  color:#CFC7BB;
}
footer a{color:#EDE6DA}
footer a:hover{color:var(--rd-accent)}
footer h3,footer .FooterName{
  font-family:'Fraunces',Georgia,serif;
  color:#F6EFE4;
}
.FooterTop{border-bottom:1px solid rgba(255,255,255,.1)}
.FooterMenuMain ul li a:hover{color:var(--rd-accent)}
.FooterPhoneNumber a{color:#fff}
.FooterPhoneNumber a:hover{color:var(--rd-accent)}
.FooterCall{color:#CFC7BB}

/* ============================================================
   Мобильное нижнее меню (fixMenu) — оставляем функциональным,
   только акцентный цвет активного пункта уже #E53A10 в SVG.
   ============================================================ */
.MobileMenu{background:var(--rd-cream)}
.MobileMenu .HeaderMenu a:hover{color:var(--rd-accent)}

/* ============================================================
   Фаза 1.1 — добивка специфичности старого шаблона (01.08.2026)
   .Banner h1 красил H1 в #BF2C18 bold; .HeaderName — жирный Mulish.
   ============================================================ */
h1,.h1,.HeaderName,.Banner h1{
  font-family:'Fraunces',Georgia,serif;
  color:var(--rd-ink);
  font-weight:500;
  letter-spacing:-.01em;
}
.Banner h1{line-height:1.2}
.HeaderName{line-height:1.15}