/* ==========================================================================
   Skin: wall-street-center.ru  ·  семья atrium
   Токены и точечные перекрытия канона. Лейаут семьи — family-atrium.css.
   Канонный main.css не редактируется: скин подключается после него и
   переопределяет переменные :root.

   Шкала z-index (короткая, вся здесь):
     1  — скрим поверх hero-фото
     2  — контент поверх скрима
   Канонная шапка живёт на своей шкале, мы её не трогаем.
   ========================================================================== */

/* ------------------------------------------------------------------ шрифты */

@font-face {
  font-family: "Literata";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/Literata/literata-cyrillic-400-normal.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Literata";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/Literata/literata-latin-400-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+2000-206F, U+2192, U+2212, U+2215;
}
@font-face {
  font-family: "Literata";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/fonts/Literata/literata-cyrillic-600-normal.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Literata";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/fonts/Literata/literata-latin-600-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+2000-206F, U+2192, U+2212, U+2215;
}
@font-face {
  font-family: "Literata";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/assets/fonts/Literata/literata-cyrillic-700-normal.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Literata";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/assets/fonts/Literata/literata-latin-700-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+2000-206F, U+2192, U+2212, U+2215;
}

@font-face {
  font-family: "PT Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/PTSans/pt-sans-cyrillic-400-normal.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "PT Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/PTSans/pt-sans-latin-400-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+2000-206F, U+2192, U+2212, U+2215;
}
@font-face {
  font-family: "PT Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/assets/fonts/PTSans/pt-sans-cyrillic-700-normal.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "PT Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/assets/fonts/PTSans/pt-sans-latin-700-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+2000-206F, U+2192, U+2212, U+2215;
}

/* ------------------------------------------------------------------ токены */

:root {
  /* Палитра выведена из материала объекта: светлый камень облицовки, тёмные
     переплёты остекления, брусчатка двора. Greige — цвет обводки присланных
     растровых иконок, перекрасить их нельзя, поэтому он обязательный. */
  --at-sand: #efe9df;        /* канвас страницы */
  --at-paper: #f8f5f0;       /* карточки, светлые поверхности */
  --at-graphite: #33302b;    /* текст, тёмные полосы */
  --at-graphite-soft: #5d574e; /* вторичный текст */
  --at-greige: #b8aaa0;      /* обводка иконок, разделители */
  --at-greige-line: #ddd3c9; /* тонкие линии на канвасе */
  --at-sand-light: #d8ccc2;  /* подписи поверх фото */
  --at-steel: #3f5666;       /* акцент: остекление */
  --at-steel-ink: #2b3d49;   /* акцент в наведении */

  /* Кегль h1: строка «Бизнес-центр Wall Street» — 24 знака, полоса 48–60px */
  --skin-h1-max: 56px;

  /* Перекрытие канонных токенов */
  --color-secondary: var(--at-steel);
  --color-primary-text: var(--at-graphite);
  --font-family: "PT Sans", "Segoe UI", Arial, sans-serif;
  --border-radius: 2px;
}

body {
  background-color: var(--at-sand);
  color: var(--at-graphite);
  font-family: var(--font-family);
}

/* --------------------------------------------------- перекрытия канона */

/* Канон красит табы «Аренда / Продажа» захардкоженным бирюзовым мимо токена */
.js-office-btn { color: var(--at-steel); }
.js-office-btn.is-active { color: var(--color-primary-text); }
.js-office-btn.disabled { color: var(--at-greige); }
.office-deal-nav__sep { color: var(--at-greige); }

/* Столбцы гистограммы ставок — тоже литерал мимо токена.
   Берут цвет текста, а не акцент: это данные, а не действие. */
.histogram .stand { background: var(--at-graphite-soft); }

/* Радиус-система одна на страницу: почти прямые углы под каменный характер */
input, textarea, select, button, .card, .btn { border-radius: var(--border-radius); }
.card_image, .card__image { border-radius: var(--border-radius); }

/* Слайды площадей кликабельны (фикс форка §11) — снимаем с них вид ссылки */
.office-card-link { color: inherit; text-decoration: none; }

/* «Показать все» в таблице лотов — кнопка, вид ссылки */
.office-table-holder .show-all-wrapper {
  text-align: center;
  padding: 8px;
}
.office-table-holder .show-all-wrapper .show-all-link {
  display: inline;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  font-family: inherit;
  font-size: 16px;
  font-weight: inherit;
  line-height: inherit;
  color: var(--at-steel);
  text-decoration: underline;
  cursor: pointer;
}
.office-table-holder .show-all-wrapper .show-all-link:hover,
.office-table-holder .show-all-wrapper .show-all-link:focus {
  color: var(--at-steel-ink);
  text-decoration: underline;
}

/* Канон рассчитан на белые пункты меню поверх тёмного фото первого экрана —
   у нас шапка на hero сразу на бумажном фоне (--at-paper), поэтому весь текст,
   иконки и бургер — графитовые; после прокрутки канонный .fixed дублирует контраст. */
header.header-white {
  background-color: var(--at-paper);
  border-bottom-color: var(--at-greige-line);
}
header.header-white li>a,
header.header-white li>p,
header.header-white a,
header.header-white p {
  color: var(--at-graphite);
}
header.header-white nav ul li a {
  color: var(--at-graphite);
}
header.header-white li>a.active,
header.header-white li>p.active {
  color: var(--at-steel);
}
header.header-white svg g path,
header.header-white svg path {
  fill: var(--at-graphite);
}
header.header-white .burger__line {
  background: var(--at-graphite);
}
header.header-white .header-logo-white {
  filter: none;
}

/* ---- Согласие на обработку ПД ---- */
.form-consent {
  display: flex;
  align-items: flex-start;
  gap: 0.625rem;
}
.form-consent__input {
  flex-shrink: 0;
  width: 1.125rem;
  height: 1.125rem;
  margin: 0.15rem 0 0;
  accent-color: var(--at-steel);
}
.form-consent__label {
  margin: 0;
  line-height: 1.45;
  flex: 1;
  text-align: left;
}
.form-consent .form-consent__label.form-policy {
  margin-top: 0;
  text-align: left;
}
.form-consent .form-consent__label a {
  display: inline;
}
.form-consent.input-error .form-consent__label {
  color: #c0392b;
}
@media (max-width: 767.98px) {
  .form-consent .form-consent__label.form-policy {
    text-align: left;
  }
}

/* Фокус клавиатуры виден всегда */
:focus-visible { outline: 2px solid var(--at-steel); outline-offset: 2px; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}