/* ========================================================================
   SKIN «clinker» — ривер-дейл.рф
   Слой 2 из трёх: канон main.css → skin.css (токены) → family-clinker.css.
   Палитра выведена из материала объекта (красный кирпич американского
   лофта 2014): обожжённый клинкер #6B3324 — акцент; уголь #241D18 — тёмные
   полосы и футер; известь/дым #ECE7DF — канва. Один акцент на страницу.
   Радиус-система лофта: 0–2px везде (перекрыты и хардкоды канона).
   z-index шкала: header 9 (канон) · cl-hero media 0 / scrim 1 / content 2.
   ======================================================================== */

/* ---- Шрифты: self-hosted woff2, cyrillic + latin ---- */
@font-face { font-family: 'Bitter'; font-weight: 700; font-style: normal; font-display: swap;
  src: url('/assets/fonts/Bitter/bitter-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: 'Bitter'; font-weight: 700; font-style: normal; font-display: swap;
  src: url('/assets/fonts/Bitter/bitter-latin-700-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Bitter'; font-weight: 800; font-style: normal; font-display: swap;
  src: url('/assets/fonts/Bitter/bitter-cyrillic-800-normal.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Bitter'; font-weight: 800; font-style: normal; font-display: swap;
  src: url('/assets/fonts/Bitter/bitter-latin-800-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Golos Text'; font-weight: 400; font-style: normal; font-display: swap;
  src: url('/assets/fonts/GolosText/golos-text-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: 'Golos Text'; font-weight: 400; font-style: normal; font-display: swap;
  src: url('/assets/fonts/GolosText/golos-text-latin-400-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Golos Text'; font-weight: 500; font-style: normal; font-display: swap;
  src: url('/assets/fonts/GolosText/golos-text-cyrillic-500-normal.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Golos Text'; font-weight: 500; font-style: normal; font-display: swap;
  src: url('/assets/fonts/GolosText/golos-text-latin-500-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Golos Text'; font-weight: 600; font-style: normal; font-display: swap;
  src: url('/assets/fonts/GolosText/golos-text-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: 'Golos Text'; font-weight: 600; font-style: normal; font-display: swap;
  src: url('/assets/fonts/GolosText/golos-text-latin-600-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* ---- Токены: перекрытие канона + собственные ---- */
:root {
  --color-primary-text: #241D18;
  --color-secondary-text: #5C534A;
  --color-secondary: #6B3324;
  --color-grey: #C9BFB2;
  --color-light: #F3EFE8;
  --color-grey-bg: #ECE7DF;
  --color-stroke: #8A7F73;
  --color-accent: #6B3324;
  --opacity-blind-field: rgba(255, 255, 255, 0.72);
  --border-radius: 2px;
  --border-radius-min: 2px;
  --border-radius-arrow: 2px;
  --font-family: 'Golos Text', sans-serif;

  --skin-clinker: #6B3324;
  --skin-clinker-deep: #54281C;
  --skin-coal: #241D18;
  --skin-coal-2: #2C241E;
  --skin-lime: #ECE7DF;
  --skin-lime-2: #E3DCD1;
  --skin-warmgrey: #6E6459;
  --skin-warmgrey-light: #C9BFB2;
  --skin-font-display: 'Bitter', serif;
}

body { background-color: var(--skin-lime); }

h1, h2, h3, .title-large, .title-color { font-family: var(--skin-font-display); }
h2.title-color { color: var(--color-primary-text); }

/* ---- Прямые углы лофта: хардкоды канона ---- */
.input-basic input, .input-basic textarea { border-radius: 2px; border-color: var(--skin-warmgrey-light); }
.card .card_image { border-radius: 2px 2px 0 0; }
.card .btn__secondary { background-color: rgba(107, 51, 36, 0.92); box-shadow: none; border-radius: 2px; }

/* ---- Шапка при скролле: под тон скина, без белой блюр-плашки ---- */
header.fixed, header.static {
  background-color: rgba(236, 231, 223, 0.96);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  box-shadow: 0 2px 12px rgba(36, 29, 24, 0.12);
  border-bottom: 1px solid rgba(36, 29, 24, 0.14);
}
header.active { background-color: rgba(236, 231, 223, 0.96); }
header.fixed li > a, header.static li > a,
header.fixed a, header.fixed p, header.fixed li > p,
header.static a, header.static p, header.static li > p { color: var(--color-primary-text); }

/* ---- Футер: тёмный нейтральный уголь, не акцентная заливка ---- */
footer { background-color: var(--skin-coal); }

/* ---- Доступность: фокус и плейсхолдеры ---- */
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, [tabindex]:focus-visible {
  outline: 2px solid var(--skin-clinker);
  outline-offset: 2px;
}
.input-basic input::placeholder, .input-basic textarea::placeholder { color: var(--color-secondary-text); opacity: 1; }

/* ---- Канонные блоки под тон ---- */
/* --color-grey — канонная роль: подписи на тёмной панели «Характеристик»
   (.about-describtion-wrap на главной и карточках лотов). Токен светлый. */
.about-describtion-wrap { background-color: rgba(24, 19, 15, 0.82); }
.infra .structure_item { background-color: var(--skin-lime-2); }
/* Табы Аренда/Продажа: канонный хардкод #7c9796 → тон скина */
.js-office-btn { color: var(--skin-clinker); }
.js-office-btn.is-active { color: var(--color-primary-text); }
.js-office-btn.disabled { color: var(--skin-warmgrey); }
.office-deal-nav__sep { color: var(--skin-warmgrey); }

/* Слайды лотов — ссылки на помещение: наследуют вид карточки */
.office-card-link { color: inherit; text-decoration: none; }
.office-card-link:hover { color: inherit; }
.histogram .stand { background-color: var(--skin-clinker); }

/* ---- Согласие на обработку ПД ---- */
.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(--skin-clinker);
}
.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;
  }
}