/*
 * Шапка и подвал «Концепции 04» (шаг 4.2) — ручные дополнения к chrome.css (генерируется design-prep/extract-css.py).
 * Работают на всех страницах: старых (поверх bootstrap и mainstyle) и новых (da-page).
 */

/* Обёртка не создаёт блока: шапка закрепляется относительно страницы, переменные и шрифт наследуются */
.da-chrome { display: contents; }

.da-chrome .da-header { z-index: 100; }
/* mainstyle.css: «html, body {height: 100%}» — закреплённая шапка держится только в пределах высоты body,
   и после первого экрана прокрутки уезжала вверх. Body растёт по содержимому. */
body { height: auto; min-height: 100%; }
body.admin-bar .da-chrome .da-header { top: 32px; }
@media (max-width: 782px) { body.admin-bar .da-chrome .da-header { top: 46px; } }
@media (max-width: 600px) { body.admin-bar .da-chrome .da-header { top: 0; } }

/* Старые стили темы (style.css: «* {font-family: Gilroy}», «span {text-transform: uppercase…}»; bootstrap; mainstyle)
   не должны менять шапку и подвал — сбрасываем к наследованию, правила концепта точнее и действуют поверх */
.da-chrome * { font-family: inherit; }
.da-chrome span, .da-chrome small { text-transform: none; font-weight: inherit; font-size: inherit; line-height: inherit; color: inherit; cursor: inherit; letter-spacing: inherit; }
.da-chrome img { border-radius: 0; height: auto; }
.da-chrome a:hover { color: inherit; }
.da-chrome .btn { box-shadow: none; user-select: auto; vertical-align: baseline; color: var(--ink); }
.da-chrome .btn:hover, .da-chrome .btn:focus, .da-chrome .btn:active { color: var(--ink); border-color: var(--line); box-shadow: none; }
/* итоговый вариант концепта (v4.css): тёмная кнопка коричневая, при наведении — почти чёрная */
.da-chrome .btn.dark, .da-chrome .btn.dark:focus { color: var(--white); background: var(--brown); border-color: var(--brown); }
.da-chrome .btn.dark:hover, .da-chrome .btn.dark:active { color: var(--white); background: var(--ink); border-color: var(--ink); }
.da-chrome ul { list-style: none; margin: 0; padding: 0; }
.da-chrome nav, .da-chrome header, .da-chrome footer { margin: 0; }
.da-chrome .skip:focus { color: #fff; }

/* Нижняя панель телефона не закрывает конец страницы */
@media (max-width: 680px) {
	body { padding-bottom: 67px; }
}

/* ---------- Подвал ---------- */
.da-chrome .da-footer { background: var(--paper); color: var(--ink); border-top: 1px solid var(--line); font: 14px/1.75 var(--sans); }
.da-chrome .footer-grid > div > .footer-phone { margin: 0; font-size: 11px; line-height: 1.6; }
.da-chrome .footer-phone a { color: var(--ink); font-weight: 500; }
.da-chrome .footer-phone__label { display: block; color: var(--muted); }

/* Юридический блок (inc/footer-legal.php) в нижней строке подвала */
.da-chrome .footer-bottom { flex-direction: column; align-items: stretch; gap: 18px; }
.da-chrome .footer-legal { margin: 0; padding: 0; border: 0; color: var(--muted); text-align: left; font-size: 11px; line-height: 1.9; }
.da-chrome .footer-legal p { margin: 0; font-size: inherit; line-height: inherit; }
.da-chrome .footer-legal .footer-legal__warning { font-size: 14px; line-height: 1.8; color: var(--muted); margin: 0 0 18px; padding: 0; border: 0; text-transform: none; letter-spacing: 0; font-weight: 400; text-align: left; }
.da-chrome .footer-legal__grid { display: grid; grid-template-columns: 1.2fr 1.2fr 1fr; gap: 10px 35px; }
.da-chrome .footer-legal__links { display: flex; flex-direction: column; gap: 4px; }
.da-chrome .footer-legal__links li + li { margin: 0; }
.da-chrome .footer-legal a, .da-chrome .footer-copy a { color: inherit; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--line); }
.da-chrome .footer-legal a:hover { color: var(--brown); text-decoration-color: currentColor; }
.da-chrome .footer-legal strong { font-weight: 600; color: var(--ink); }
.da-chrome .footer-copy { margin: 0; }
@media (max-width: 800px) {
	.da-chrome .footer-legal__grid { grid-template-columns: 1fr; }
	.da-chrome .footer-legal .footer-legal__warning { font-size: 13px; line-height: 1.9; }
}
@media (max-width: 560px) {
	.da-chrome .footer-legal .footer-legal__warning { font-size: 12px; line-height: 1.95; }
	.da-chrome .footer-grid > div > .footer-phone { font-size: 11px; }
}

/* ---------- Окна ---------- */
.da-chrome dialog { margin: auto; }
.da-chrome dialog[open] { display: block; }
.da-chrome .modal-head .icon-btn .ui-icon { width: 20px; height: 20px; }
.da-chrome .modal-actions .btn .ui-icon { width: 16px; height: 16px; flex: 0 0 16px; }
.da-chrome .modal-wa { margin-top: 20px; }
.da-chrome .modal-note a { color: var(--ink); text-decoration: underline; text-underline-offset: 3px; white-space: nowrap; }
.da-chrome .da-modal .search-box { margin-bottom: 8px; }
.da-chrome .da-modal .search-box > .ui-icon { width: 20px; height: 20px; flex-shrink: 0; color: var(--muted); }
.da-chrome .da-modal .search-box input { -webkit-appearance: none; appearance: none; }
.da-chrome .search-result > span { min-width: 0; }
.da-chrome .menu-links a[aria-current] { color: var(--brown); }
html:has(.da-chrome dialog[open]) { overflow: hidden; }
@media (max-width: 680px) {
	.da-chrome .modal-actions { flex-direction: column; }
}

/* ---------- Баннер cookie (плагин Clearfy) — оформление концепта; текст и механизм — шаг 3.5.2 ---------- */
#clearfy-cookie.clearfy-cookie {
	left: 24px; right: auto; bottom: 24px; max-width: 440px; padding: 22px 24px;
	background: #fdf9f7; color: #806b5f; border: 1px solid #ead8ce; border-radius: 18px;
	box-shadow: 0 20px 60px #16120b26; font: 12px/1.8 'Manrope', Arial, sans-serif; z-index: 90;
}
#clearfy-cookie .clearfy-cookie-container { max-width: none; text-align: left; display: flex; flex-direction: column; align-items: flex-start; gap: 14px; }
#clearfy-cookie .clearfy-cookie-accept {
	margin: 0; min-height: 40px; padding: 9px 22px; border-radius: 40px; background: #37271d; color: #fff;
	font: 500 11px/1.6 'Manrope', Arial, sans-serif; cursor: pointer; transition: background .2s;
}
#clearfy-cookie .clearfy-cookie-accept:hover, #clearfy-cookie .clearfy-cookie-accept:focus-visible { background: #6a4b37; opacity: 1; }
#clearfy-cookie .clearfy-cookie-accept:focus-visible { outline: 2px solid #6a4b37; outline-offset: 4px; }
@media (max-width: 680px) {
	#clearfy-cookie.clearfy-cookie { left: 10px; right: 10px; bottom: 77px; max-width: none; padding: 18px; }
}

/* Широкие экраны: содержимое шапки — по краям колонки .wrap (как подвал и страница), а не по краям окна */
.da-chrome .da-header {
	padding-left: max(var(--pad), calc((100% - var(--max)) / 2 + var(--pad)));
	padding-right: max(var(--pad), calc((100% - var(--max)) / 2 + var(--pad)));
}

/* Окно сведений о сотруднике (главная, страницы услуг; перенесено из home-site.css в 4.5) */
.da-chrome .da-person .modal-head h2 { font-size: 34px; }
.da-chrome .da-person__facts { margin: 6px 0 0; display: flex; flex-direction: column; gap: 18px; }
.da-chrome .da-person__facts dt { font-size: 10px; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); font-weight: 500; margin-bottom: 6px; }
.da-chrome .da-person__facts dd { margin: 0; font-size: 13px; line-height: 1.8; }
.da-chrome .da-person__facts p { margin: 0 0 6px; font-size: 13px; color: var(--ink); }
.da-chrome .da-person__facts p a { text-decoration: underline; text-underline-offset: 3px; }
.da-chrome .da-person__facts ul { margin: 0; padding: 0; list-style: none; }
.da-chrome .da-person__facts li { padding: 8px 0; border-top: 1px solid var(--line); }
.da-chrome .da-person__facts li:first-child { border-top: 0; padding-top: 0; }
@media (max-width: 560px) {
	.da-chrome .da-person .modal-head h2 { font-size: 26px; }
	.da-chrome .da-person__facts dd, .da-chrome .da-person__facts p { font-size: 12px; }
}
/* 4.11.1: на 320px нижняя панель была шире экрана (колонки 1fr не сжимаются меньше содержимого) */
.da-chrome .mobile-bar{grid-template-columns:repeat(4,minmax(0,1fr))}