/**
 * Шрифты редизайна для остальных страниц сайта.
 *
 * Заголовки — Benzin (как на главной), основной текст — Onest/Gilroy
 * (--sm-font-ui). Сами @font-face живут в redesign.css.
 * !important нужен, чтобы перебить стили Shopkeeper и инлайновые
 * font-family из WPBakery; иконочные шрифты не трогаем — их правила
 * висят на ::before/::after и собственных классах.
 */

body:not(.sm-redesign) {
	font-family: var(--sm-font-ui);
}

body:not(.sm-redesign) :is(p, li, dd, dt, td, th, caption, blockquote, figcaption, label, legend, input, textarea, select, small, strong, em, a, .wpb_text_column) {
	font-family: var(--sm-font-ui) !important;
}

body:not(.sm-redesign) :is(h1, h2, h3, h4, h5, h6, .vc_custom_heading) {
	font-family: var(--sm-font) !important;
}

/*
 * Исключение для сквозных блоков редизайна (KOY-1664).
 *
 * Шапка, подвал и модалка выводятся на ВСЕХ страницах и должны выглядеть
 * ровно так же, как на редизайн-шаблоне. Правило выше бьёт по `a`, `li`, `p`,
 * `input` внутри них и меняло набор: в шапке пункты меню и телефон уходили
 * с Benzin на Onest, из-за чего шапка на главной и на остальных страницах
 * выглядела по-разному.
 *
 * `inherit` здесь безопасен: .sm-header / .sm-footer / .sm-modal на обычных
 * страницах несут класс .sm-redesign, а он задаёт --sm-font (Benzin) — то же
 * самое, что наследуется внутри этих блоков на редизайн-шаблоне.
 */
body:not(.sm-redesign) :is(.sm-header, .sm-footer, .sm-modal) :is(p, li, dd, dt, td, th, caption, blockquote, figcaption, label, legend, input, textarea, select, small, strong, em, a) {
	font-family: inherit !important;
}

/*
 * Внутри сквозных блоков свои семейства — как в header.css / footer.css /
 * modal.css. Селекторы нарочно длиннее правила выше: у того из-за :is()
 * специфичность считается по самому «тяжёлому» аргументу, и без лишнего
 * предка эти правила ему проигрывают.
 */
body:not(.sm-redesign) .sm-header :is(.sm-header__tagline, .sm-header__hours) {
	font-family: var(--sm-font-ui) !important;
}

body:not(.sm-redesign) .sm-footer :is(.sm-footer__col-title) {
	font-family: var(--sm-font-accent) !important;
}

body:not(.sm-redesign) .sm-footer :is(.sm-footer__cookie-text) {
	font-family: 'Inter', var(--sm-font) !important;
}

body:not(.sm-redesign) .sm-modal :is(.sm-modal__title) {
	font-family: var(--sm-font-accent) !important;
}