/* tradutora-font.css — гарнитура сайта.

   Manrope, официальный вариативный файл (ось wght 200–800), лицензия OFL.
   Четыре подмножества лежат на нашем домене: latin, latin-ext, cyrillic,
   cyrillic-ext. Украинские Ґ ґ Є є І і Ї ї проверены в самом файле.

   Универсальный селектор здесь не применяется намеренно: он переписал бы и
   служебные шрифты. Вместо него — корень страницы, наши компоненты и поимённо
   те места конструктора, где семейство объявлено своим правилом. */

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url('/assets/fonts/manrope-var-cyrillic-ext.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url('/assets/fonts/manrope-var-cyrillic.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url('/assets/fonts/manrope-var-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url('/assets/fonts/manrope-var-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --trd-font: 'Manrope', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
}

/* ─── корень ─── */
html, body { font-family: var(--trd-font); }

/* ─── наши компоненты ─── */
[data-trd-menu],
[data-trd-menu] .okno-gs-hd, [data-trd-menu] .okno-gs-hd *,
[data-trd-menu] .okno-gs-drawer, [data-trd-menu] .okno-gs-drawer *,
[data-trd-content-graph], [data-trd-content-graph] *,
.trd-tail, .trd-foot, .trd-foot *, .trd-contact, .trd-contact *,
.trd-modal, .trd-modal *, .trd-consent, .trd-consent *,
.trd-rail, .trd-rail *, .trd-map__placeholder, .trd-map__placeholder *,
.trd-form-notice, .trd-form-notice * { font-family: var(--trd-font); }

/* Хвост донора берёт семейство из инлайновой переменной, а она стоит прямо в
   атрибуте style — правилом её не перебить. Поэтому задаём семейство самим
   элементам, цепочкой достаточной специфичности. */
html body .trd-tail__btn, html body #allrecords .trd-tail__btn,
html body .trd-tail__title, html body .trd-tail__text,
html body .trd-tail__text a, html body .trd-tail__wrap { font-family: var(--trd-font); }

/* Меню приехало из общей оболочки со своей таблицей стилей, и она подключена
   позже этой. Специфичность добираем префиксом html body. */
html body [data-trd-menu] .okno-gs-hd,
html body [data-trd-menu] .okno-gs-hd *,
html body [data-trd-menu] .okno-gs-drawer,
html body [data-trd-menu] .okno-gs-drawer *,
html body [data-trd-menu] .okno-gs-dd,
html body [data-trd-menu] .okno-gs-dd * { font-family: var(--trd-font); }

/* ─── наследие конструктора ───
   Семейство там объявлено внутри своих скоупов, поэтому перечисляем их явно. */
#allrecords, #allrecords .t-text, #allrecords .t-descr, #allrecords .t-title,
#allrecords .t-name, #allrecords .t-heading, #allrecords .t-uptitle,
#allrecords .t-btn, #allrecords .t-btntext, #allrecords .t-submit,
#allrecords .t-input, #allrecords .t-input-title, #allrecords .t-input-subtitle,
#allrecords .t-select, #allrecords .t-checkbox__control,
#allrecords .t-menu__link-item, #allrecords .t758__breadcrumb-divider,
#allrecords .t-form__errorbox-text, #allrecords .t270__error-msg-text {
  font-family: var(--trd-font);
}

/* Зероблоки объявляют семейство на каждую запись отдельным правилом с id.
   Специфичность добираем цепочкой, а не !important. */
html body #allrecords .tn-elem[data-elem-id] .tn-atom,
html body #allrecords .t396__elem .tn-atom { font-family: var(--trd-font); }

/* Поля форм семейство не наследуют — говорим явно. Окно заявки живёт вне
   #allrecords, а классы полей приходят из конструктора со своим Arial,
   поэтому перечисляем их и снаружи тоже. */
input, select, textarea, button,
#allrecords input, #allrecords select, #allrecords textarea, #allrecords button {
  font-family: inherit;
}
html body .t-input, html body .t-input-title, html body .t-input-subtitle,
html body .t-select, html body .t-submit, html body .t-btn, html body .t-btntext,
html body .t-btnflex, html body .t-submit.t-btnflex, html body .t-btn.t-btnflex,
html body .t-btnflex__text,
html body .t-form__errorbox-text, html body .t-checkbox__control,
html body .trd-modal input, html body .trd-modal textarea,
html body .trd-modal select, html body .trd-modal button,
html body .trd-contact input, html body .trd-contact button {
  font-family: var(--trd-font);
}

/* ─── начертания по ролям ─── */
/* основной текст, поля, контакты, крошки — 400.
   Тело статьи блога шло насыщенностью 300 из своей таблицы — приводим
   к утверждённой шкале, размеры не трогаем. */
body, #allrecords .t-text, #allrecords .t-descr,
.trd-article__body, .trd-article__body p, .trd-article p, .trd-article li,
input, select, textarea,
.trd-foot__list li, .trd-foot__list a, .trd-foot__contact-text,
#allrecords .t758 .t-menu__link-item, #allrecords .t758__breadcrumb-divider { font-weight: 400; }

/* меню и подписи полей — 500 */
[data-trd-menu] .okno-gs-grp > a, [data-trd-menu] .okno-gs-grp > button,
[data-trd-menu] .okno-gs-dd a, [data-trd-menu] .okno-gs-acc__h,
#allrecords .t-input-title, .trd-contact__label { font-weight: 500; }

/* заголовки карточек, вопросы FAQ, кнопки — 600 */
[data-trd-content-graph] .trd-cg__t,
#allrecords .t-accordion__item .t-name, #allrecords [class*="t585__"] .t-name,
#allrecords [class*="t668__"] .t-name,
#allrecords .t-btn, #allrecords .t-submit, .trd-tail__btn,
.trd-foot__action, .trd-contact__btn, .trd-consent__btn,
[data-trd-menu] .okno-gs-cta { font-weight: 600; }

/* основные заголовки и сильные выделения — 700 */
#allrecords h1, #allrecords h2, #allrecords h3, #allrecords h4,
#allrecords .t-title, #allrecords .t-heading,
[data-trd-content-graph] .trd-cg__h, .trd-foot__title,
strong, b { font-weight: 700; }

/* Курсив остаётся курсивом той же гарнитуры: своего файла для него нет,
   браузер строит наклон сам — другую гарнитуру ради этого не подключаем. */
em, i, .t-text i, .t-text em { font-style: italic; }