/* ==========================================================================
   Подвал сайта. Заменяет footer-additions.css и старые правила .footer__* —
   их можно удалить из style.css. Все селекторы начинаются с .site-footer,
   так что с остальной темой они не пересекаются.
   ========================================================================== */

.site-footer {
	--f-bg:          #f4f5f5;   /* фон подвала */
	--f-band:        #eceeed;   /* полоса с дисклеймером */
	--f-line:        #d8dcdb;   /* разделители */
	--f-text:        #363b3b;   /* заголовки групп */
	--f-link:        #4a5150;   /* ссылки */
	--f-muted:       #5e6564;   /* мелкий текст: копирайт, ISSN, документы */
	--f-accent:      #73beb9;   /* фирменный бирюзовый: иконки */
	--f-accent-deep: #2f7f7a;   /* тот же бирюзовый, но темнее — для текста на светлом фоне */

	background: var(--f-bg);
	color: var(--f-text);
	font-size: 15px;
	line-height: 1.45;
	padding: 0;
}

/* Старые правила foghorn `.footer` / `.footer .layout` в app.min.css иначе
   дают белый фон, отступы и display:flex у внутренней сетки. */
.footer.site-footer {
	margin-top: 0;
	background: var(--f-bg);
	padding: 0;
	color: var(--f-text);
}

.footer.site-footer > .layout {
	display: block;
	flex-wrap: unset;
	justify-content: unset;
	gap: unset;
}

/* --- Дисклеймер --------------------------------------------------------- */

.site-footer__band {
	background: var(--f-band);
	border-top: 1px solid var(--f-line);
	border-bottom: 1px solid var(--f-line);
	padding: 14px 16px;
}

.site-footer__disclaimer {
	margin: 0;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: .04em;
	font-size: 13px;
	color: var(--f-muted);
}

@media (min-width: 768px) {
	.site-footer__disclaimer { font-size: 15px; }
}

/* --- Сетка ---------------------------------------------------------------- */

.site-footer__inner {
	/* только вертикальные отступы: горизонтальные задаёт .layout на этом же элементе */
	padding-top: 40px;
	padding-bottom: 24px;
}

.site-footer__grid {
	display: grid;
	grid-template-columns: minmax(240px, 1.2fr) 3fr;
	gap: 32px 56px;
	align-items: start;
}

/* --- Левая колонка: логотип, соцсети, версия для слабовидящих ----------- */

.site-footer__brand {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 22px;
}

.site-footer__logo {
	display: block;
}

.site-footer__logo img {
	display: block;
	width: 160px;
	height: auto;
}

/* Старый CSS темы: `.footer ul { display: none }` — поэтому соцсети в <div>, не <ul>. */
.footer.site-footer .site-footer__brand .site-footer__social,
.site-footer .site-footer__brand .site-footer__social {
	display: flex !important;
	flex-wrap: wrap;
	gap: 10px;
	margin: 0;
	padding: 0;
}

.footer.site-footer .site-footer__brand .site-footer__social > *,
.site-footer .site-footer__brand .site-footer__social > * {
	display: block !important;
	margin: 0;
	padding: 0;
}

.site-footer .site-footer__social-link {
	display: block !important;
	color: var(--f-accent);
	border-radius: 50%;
	transition: color .15s;
}

.site-footer .site-footer__social-link:hover {
	color: var(--f-accent-deep);
}

.site-footer .site-footer__social-link svg {
	display: block !important;
	width: 30px;
	height: 30px;
}

/* Текст только для скринридеров: видимого места не занимает.
   Класс глобальный — им же пользуются иконки в шапке. */
.visually-hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	white-space: nowrap;
}

/* Ссылка плагина «Версия для слабовидящих»: плагин выводит свою разметку,
   поэтому стилизуем любой <a> внутри обёртки. Специфичность (0,2,1) выше,
   чем у стилей плагина, без !important. */
/* Плагин оборачивает ссылку в .bvi-shortcode со своим серым фоном
   и отступами (инлайновые стили плагина) — снимаем, оставляем только нашу «пилюлю». */
.site-footer .site-footer__bvi .bvi-shortcode {
	display: block;
	padding: 0;
	margin: 0;
	background: transparent;
	border-radius: 0;
}

/* Иконка глаза: плагин задаёт ей font-size: 2em. Приводим к размеру текста. */
.site-footer .site-footer__bvi .bvi-svg-eye {
	font-size: inherit;
	width: 18px;
	height: 16px;
	vertical-align: middle;
}

.site-footer .site-footer__bvi a {
	display: inline-flex;
	align-items: center;
	gap: 2px; /* плагин сам ставит пробел (&ensp;) между иконкой и текстом */
	padding: 8px 14px 8px 12px;
	border: 1px solid var(--f-line);
	border-radius: 999px;
	background: #fff;
	color: var(--f-text);
	font-size: 14px;
	line-height: 1.2;
	letter-spacing: 0;
	white-space: nowrap;
	text-decoration: none;
	transition: border-color .15s, color .15s;
}

.site-footer .site-footer__bvi a:hover {
	border-color: var(--f-accent);
	color: var(--f-accent-deep);
}

/* --- Группы ссылок -------------------------------------------------------- */

.site-footer__nav {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 28px 32px;
}

.site-footer__group-title {
	margin: 0 0 12px;
	/* заголовки — <h2>, поэтому явно гасим общие стили заголовков темы */
	font-family: inherit;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: 0;
	text-transform: none;
	color: var(--f-text);
}

.site-footer__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 9px;
}

/* Ссылки стилизуются по контейнеру, а не по классу: так одинаково выглядят
   и вывод wp_nav_menu(), и запасной список из footer.php. */
.site-footer__list a {
	color: var(--f-link);
	font-size: 14.5px;
	text-decoration: none;
	text-underline-offset: 3px;
	transition: color .15s;
}

.site-footer__list a:hover {
	color: var(--f-accent-deep);
	text-decoration: underline;
}

/* Текущая страница (класс ставит wp_nav_menu). */
.site-footer__list .current-menu-item > a {
	color: var(--f-accent-deep);
}

/* --- Нижняя строка: копирайт, реквизиты, документы ----------------------- */

.site-footer__bottom {
	margin-top: 36px;
	padding-top: 18px;
	border-top: 1px solid var(--f-line);
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: baseline;
	gap: 10px 32px;
	font-size: 13px;
	color: var(--f-muted);
}

.site-footer__meta {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	row-gap: 6px;
}

.site-footer__meta li + li::before {
	content: "·";
	padding: 0 10px;
}

.site-footer__legal {
	flex: 1 1 auto; /* занимает остаток строки, переносится только когда места нет */
}

.site-footer__legal ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 6px 20px;
}

.site-footer__legal a {
	font-size: 13px;
	color: var(--f-muted);
	text-decoration: none;
	text-underline-offset: 3px;
}

.site-footer__legal a:hover {
	color: var(--f-accent-deep);
	text-decoration: underline;
}

/* --- Фокус с клавиатуры --------------------------------------------------- */

.site-footer a:focus-visible {
	outline: 2px solid var(--f-accent-deep);
	outline-offset: 3px;
	border-radius: 3px;
}

/* --- Адаптив --------------------------------------------------------------- */

@media (max-width: 1023px) {
	/* Левая колонка становится строкой над группами ссылок. */
	.site-footer__grid {
		grid-template-columns: 1fr;
		gap: 36px;
	}

	.site-footer__brand {
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
		gap: 18px 32px;
	}
}

@media (max-width: 767px) {
	.site-footer__inner { padding-top: 32px; padding-bottom: 20px; }

	.site-footer__nav {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 479px) {
	.site-footer__bottom {
		flex-direction: column;
		align-items: flex-start;
	}

	.site-footer__legal ul {
		justify-content: flex-start;
	}

	/* Реквизиты в столбик, без разделителей-точек, которые при переносе
	   оказывались в начале строки. */
	.site-footer__meta {
		flex-direction: column;
		row-gap: 4px;
	}

	.site-footer__meta li + li::before {
		content: none;
	}
}

@media (max-width: 359px) {
	.site-footer__nav {
		grid-template-columns: 1fr;
	}
}

@media (prefers-reduced-motion: reduce) {
	.site-footer * { transition: none !important; }
}

/* --- Виджет чат-бота: кнопка закрытия стала <button> --------------------- */

.chat-bot-widget__close {
	appearance: none;
	background: none;
	border: 0;
	padding: 0;
	cursor: pointer;
}