/* Общая основа оформления «Плитки» для всех страниц десктопа (body.lbt).
   Только шрифты, цвет текста, ширина контейнера, заголовки, ссылки, кнопки и крошки —
   то, что одинаково на любой странице. Разделы — в pages/*.css. */

html body.lbt {
	background: var(--lb-page);
	color: var(--lb-ink);
	font: 400 var(--lb-fs-ui)/var(--lb-lh-body) var(--lb-text);
	-webkit-font-smoothing: antialiased;
}
html body.lbt :focus-visible { outline: 3px solid var(--lb-focus); outline-offset: 3px; }
html body.lbt ::selection { background: var(--lb-blue); color: var(--lb-ink); }

/* Шрифт текста на всё содержимое: старый шаблон задаёт Roboto десятками правил по id.
   Иконочные шрифты не трогаем. */
html body.lbt :is(#mainContent, #footer, .lb-trust, .lbv) :not(.fa, [class^="fa-"], [class*=" fa-"], i, .glyphicon, [class*="icon-"], code, pre, kbd) {
	font-family: var(--lb-text);
}

/* контейнер страницы: 1440 + поля 40, как шапка */
html body.lbt #mainContent { max-width: calc(var(--lb-wrap) + 2 * var(--lb-gut)); }
html body.lbt #mainContentRight { min-width: 0; padding-left: var(--lb-gut); padding-right: var(--lb-gut); box-sizing: border-box; }

/* заголовки страниц */
html body.lbt #mainContentRight :is(h1, h2, h3, h4),
html body.lbt #mainContentContacts :is(h1, h2, h3, h4) {
	font-family: var(--lb-display);
	font-weight: 700;
	letter-spacing: var(--lb-track-head);
	line-height: var(--lb-lh-head);
	color: var(--lb-ink);
}
html body.lbt #mainContentRight h1,
html body.lbt #mainContentContacts h1 { font-size: 40px; padding: 8px 0 12px; }

/* ссылки в тексте */
html body.lbt #mainContent a { color: var(--lb-ink); }
html body.lbt #mainContent :is(p, li, td, dd) > a:not([class]) {
	text-decoration: underline;
	text-decoration-color: rgba(21, 25, 30, .3);
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}
html body.lbt #mainContent :is(p, li, td, dd) > a:not([class]):hover { text-decoration-color: currentColor; }

/* кнопки Bootstrap и старые кнопки шаблона — графитовые пилюли */
html body.lbt #mainContent .btn-primary,
html body.lbt #mainContent .btn-success,
html body.lbt #mainContent .btn-warning,
html body.lbt .modal .btn-primary {
	border: 0;
	border-radius: var(--lb-r-pill);
	background: var(--lb-ink);
	color: var(--lb-on-ink);
	font-family: var(--lb-text);
	font-weight: 600;
	box-shadow: none;
	text-shadow: none;
}
html body.lbt #mainContent .btn-primary:hover,
html body.lbt #mainContent .btn-success:hover,
html body.lbt #mainContent .btn-warning:hover,
html body.lbt .modal .btn-primary:hover { background: var(--lb-ink-hover); color: var(--lb-on-ink); }
html body.lbt #mainContent .btn-default {
	border: 0;
	border-radius: var(--lb-r-pill);
	background: var(--lb-mist);
	color: var(--lb-ink);
	box-shadow: none;
}
html body.lbt #mainContent .btn-default:hover { background: var(--lb-blue); }

/* поля ввода */
html body.lbt #mainContent :is(input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="search"], input[type="number"], select, textarea).form-control {
	border-radius: 14px;
	border-color: var(--lb-line);
	box-shadow: none;
	font-family: var(--lb-text);
}
html body.lbt #mainContent .form-control:focus { border-color: var(--lb-ink); box-shadow: 0 0 0 1px var(--lb-ink); }

/* хлебные крошки (lb_nav) */
html body.lbt .breadcrumb__container { max-width: none; padding-top: 20px; }
html body.lbt .breadcrumb__container :is(a, span, li) { font-family: var(--lb-text); font-size: var(--lb-fs-small); color: var(--lb-ink-3); }
html body.lbt .breadcrumb__container a:hover { color: var(--lb-ink); }

/* постраничная навигация */
html body.lbt #mainContent :is(.bx-pagination, .pagination, .lst-pager, .pager) a,
html body.lbt #mainContent :is(.bx-pagination, .pagination) span {
	border-radius: var(--lb-r-pill);
	font-family: var(--lb-text);
}

/* оранжевые акценты старого шаблона, которые повторяются на многих страницах */
html body.lbt .lb-trust { background: var(--lb-page); border-color: var(--lb-line); }
html body.lbt .lb-trust__item svg { color: var(--lb-ink); }

@media (prefers-reduced-motion: reduce) {
	html body.lbt *, html body.lbt *::before, html body.lbt *::after { transition-duration: 0s !important; animation-duration: 0s !important; }
}