/*
 * Подвал лендинга — Figma 748:45928 (макет 30.09, 1440×594): разделитель со звёздами, заголовок по центру
 * (общий baserd-section-heading), ряд из пяти колонок 1280×280 (748:45939) и строка Credits (748:46150).
 * Фона у подвала нет, он на base страницы. Линии сетки страницы (748:42095, 748:42096) идут через весь
 * подвал до низа страницы — класс has-grid-lines у группы.
 *
 * Линии — тень внутрь, а не border: в Figma обводка места не занимает (ревью front#819).
 * Селекторы пунктов начинаются с `.site-footer .wp-block-navigation`: у ядра свои поля, отступы и цвета
 * пунктов на сайте и в редакторе сайта; тема должна быть специфичнее.
 */

/*
 * 748:45939: в макете было пять колонок по 256, сейчас четыре — Services убрана целиком, вела только на
 * "#" (#1128). Линия сверху. Уже 1440 колонка логотипа не у́же логотипа с полями (228), сжимаются
 * остальные; телефон и планшет — front#808.
 */
.site-footer .site-footer__columns {
	display: grid;
	grid-template-columns: minmax(max-content, 1fr) repeat(3, minmax(0, 1fr));
	box-shadow: inset 0 1px 0 var(--wp--preset--color--contrast-10);
}

/* Колонка: поля 48, у всех кроме последней линия справа; заголовок и список ссылок через 16. */
.site-footer .site-footer__column {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--16);
	min-width: 0;
	margin: 0;
	padding: var(--wp--preset--spacing--48);
}

.site-footer .site-footer__column:not(:last-child) {
	box-shadow: inset -1px 0 0 var(--wp--preset--color--contrast-10);
}

.site-footer .site-footer__column > * {
	margin: 0;
}

/*
 * Логотип (748:45941): тот же знак 49×42, что в шапке (logo-mark.svg), и надпись baserd 24/700 через 9.
 * Ссылка на главную одна — название сайта; её ::after растянут на всю колонку, поэтому по знаку тоже можно
 * кликнуть, а скринридер слышит одну ссылку «baserd», как в шапке.
 */
.site-footer .site-footer__brand {
	position: relative;
	flex-direction: row;
	align-items: flex-start;
	gap: 9px;
}

/*
 * Поле звёзд под логотипом (748:45953): 19×8 звёзд 8×8 с шагом 13×14, цвет линий; непрозрачные — трапецией
 * в шахматном порядке, остальные на 40%. Маска на цвете токена, в колонке 256 — 242×106 в 7 от боков и 6
 * от низа, в колонке у́же — пропорционально меньше.
 */
.site-footer .site-footer__brand::before {
	content: "";
	position: absolute;
	right: 7px;
	bottom: 6px;
	left: 7px;
	aspect-ratio: 242 / 106;
	background-color: var(--wp--preset--color--contrast-10);
	mask: url("../images/footer/stars.svg") 0 0 / 100% 100% no-repeat;
	pointer-events: none;
}

.site-footer .site-footer__mark {
	flex: none;
}

.site-footer .site-footer__mark img {
	display: block;
}

/* Строка высотой со знак: надпись по его центру, как в шапке (там — align-items: center у ячейки). */
.site-footer .site-footer__wordmark {
	margin: 0;
	font-size: var(--wp--preset--font-size--size-24);
	font-weight: 700;
	line-height: 42px;
	text-transform: lowercase;
}

.site-footer .site-footer__wordmark a {
	color: var(--wp--preset--color--contrast);
	text-decoration: none;
}

.site-footer .site-footer__wordmark a::after {
	content: "";
	position: absolute;
	inset: 0;
}

/*
 * Заголовок колонки 16/24. В макете у Products стиль проекта Display/16/SemiBold (Space Grotesk 700), у
 * трёх других — внешний стиль шаблона Text/Regular/Semi Bold (Roboto 600); шрифта Roboto в теме нет,
 * поэтому у всех четырёх стиль проекта.
 */
.site-footer .site-footer__title {
	font-family: var(--wp--preset--font-family--display);
	font-size: var(--wp--preset--font-size--size-16);
	font-weight: 700;
	line-height: var(--wp--custom--line-height--size-16);
	color: var(--wp--preset--color--contrast);
}

/*
 * Ссылки колонки (657:7392): строки по 36 — текст 14/20 muted и поля 8 сверху и снизу.
 * Наведённой ссылки в макете нет: текст primary, как у пунктов мега-меню (613:18019).
 */
.site-footer .wp-block-navigation .wp-block-navigation__container {
	gap: 0;
}

.site-footer .site-footer__links .wp-block-navigation__container {
	flex-direction: column;
	align-items: flex-start;
}

.site-footer .wp-block-navigation .wp-block-navigation-item__content {
	display: block;
	padding: var(--wp--preset--spacing--8) 0;
	font-family: var(--wp--preset--font-family--display);
	font-size: var(--wp--preset--font-size--size-14);
	font-weight: 400;
	line-height: var(--wp--custom--line-height--size-14);
	color: var(--wp--preset--color--muted);
}

/*
 * 748:46150: строка Credits — линия сверху во всю ширину колонки (обводка кадра, бока совпадают с линиями
 * сетки), поля 48; в них ряд высотой 24 (748:46151). Кадр Credits 120 выходит за кадр подвала 594 и обрезан
 * им, но под обрезом та же base страницы до её низа (16763 = 16142 + 621), так что под рядом тоже 48, а
 * подвал 621. Поля — padding, а не margin: раскладка constrained ставит детям margin по бокам с !important.
 * Правовые ссылки (Privacy Policy, Terms of Service, Cookies Settings) и соцсети из макета убраны: решения
 * по правовым текстам нет (эпик backend#1559), соцсетей у Baserd нет (#1128). Копирайт остался один в
 * строке, серый (888:6549, front#1048).
 */
.site-footer .site-footer__credits {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: var(--wp--preset--spacing--24);
	padding: var(--wp--preset--spacing--48);
	box-shadow: inset 0 1px 0 var(--wp--preset--color--contrast-10);
}

.site-footer .site-footer__legal {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--wp--preset--spacing--24);
	min-width: 0;
}

.site-footer .site-footer__legal > * {
	margin: 0;
}

.site-footer .site-footer__copyright {
	font-size: var(--wp--preset--font-size--size-14);
	line-height: var(--wp--custom--line-height--size-14);
	color: var(--wp--preset--color--muted);
	white-space: nowrap;
}

/*
 * От 1200 ссылка колонки в одну строку: самая длинная из макета, Penetration Testing (132, убрана в #1128),
 * на 1200 заходила в правое поле своей колонки, до линии оставалось 23; уже — перенос (телефон и планшет —
 * front#808).
 */
@media (min-width: 1200px) {
	.site-footer .site-footer__links .wp-block-navigation-item__content {
		white-space: nowrap;
	}
}

/* Наведение на ссылку колонки — primary. Правило жило вместе со значками соцсетей; соцсети убраны (#1128),
 * подсветка ссылок колонок остаётся. */
@media (hover: hover) {
	.site-footer .wp-block-navigation .wp-block-navigation-item__content:hover {
		color: var(--wp--preset--color--primary);
	}
}

.site-footer a:focus-visible {
	outline: 2px solid var(--wp--preset--color--contrast);
	outline-offset: 2px;
}

/*
 * Телефон и планшет — front#808 (без кадров); телефон сверен с кадрами 881:58956 и 881:59168 (ниже, front#1047),
 * планшетного кадра у футера ещё нет. Уже 1024 логотип встаёт отдельной строкой
 * над колонками ссылок, колонки ссылок (их три, Services убрана — #1128) — в ряд на планшете и по две
 * на телефоне; линии между ними пересчитаны под число колонок. Поле звёзд в строке логотипа — справа от
 * надписи (front#940): под знаком, как в колонке 256, оно на всю ширину строки выросло бы втрое выше
 * логотипа. Строка Credits на телефоне — столбцом. Под палец ссылки и значки соцсетей — по 44 в высоту,
 * ссылки не уже 44.
 */
@media (max-width: 1023px) {
	.site-footer .site-footer__columns {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.site-footer .site-footer__column {
		padding: var(--wp--preset--spacing--32) var(--wp--preset--spacing--24);
	}

	.site-footer .site-footer__column.site-footer__brand {
		grid-column: 1 / -1;
		box-shadow: inset 0 -1px 0 var(--wp--preset--color--contrast-10);
	}

	/*
	 * Поле — элемент ряда после знака и надписи: занимает остаток строки, звёзды в нём вписаны по высоте и
	 * прижаты вправо, поэтому на знак не ложатся ни при какой ширине. От линий строки по 6, от правой 7,
	 * как в колонке на 1440: поля ячейки (32 и 24) отрицательными отступами.
	 */
	.site-footer .site-footer__brand::before {
		position: relative;
		inset: auto;
		flex: 1 1 0;
		align-self: stretch;
		order: 1;
		min-width: 0;
		margin: calc(6px - var(--wp--preset--spacing--32)) calc(7px - var(--wp--preset--spacing--24)) calc(6px - var(--wp--preset--spacing--32)) var(--wp--preset--spacing--24);
		aspect-ratio: auto;
		mask: url("../images/footer/stars.svg") right center / contain no-repeat;
	}
}

/*
 * Телефон — кадры 881:58956 и 881:59168 (375): строка знака с полями 24 без поля звёзд, колонки по две с полями
 * 24/12, внизу копирайт столбцом. Правовые ссылки и соцсети из макета убраны (#1128), Credits теперь несёт
 * только копирайт. Шаг ссылок 36 из кадра — для мыши; под палец ссылки по 44 (поля 12 в pointer: coarse),
 * промежутка между ними нет.
 */
@media (max-width: 767px) {
	.site-footer .site-footer__columns {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.site-footer .site-footer__column {
		padding: var(--wp--preset--spacing--24) var(--wp--preset--spacing--12);
	}

	.site-footer .site-footer__column.site-footer__brand {
		padding: var(--wp--preset--spacing--24);
	}

	.site-footer .site-footer__brand::before {
		content: none;
	}

	.site-footer .site-footer__column:not(.site-footer__brand) {
		box-shadow: none;
	}

	/*
	 * Три колонки ссылок (Services убрана, #1128) в сетке 2 на телефоне: Products и Company — верхняя
	 * строка, Resources — одна в нижней, слева. Линия между Products и Company (у левой, Products) и линия
	 * под верхней строкой (у обеих её ячеек) — у Resources соседей и следующей строки нет, граней не несёт.
	 */
	.site-footer .site-footer__column:not(.site-footer__brand):nth-child(3) {
		box-shadow: inset 0 -1px 0 var(--wp--preset--color--contrast-10);
	}

	.site-footer .site-footer__column:not(.site-footer__brand):nth-child(2) {
		box-shadow: inset -1px 0 0 var(--wp--preset--color--contrast-10), inset 0 -1px 0 var(--wp--preset--color--contrast-10);
	}

	.site-footer .site-footer__credits {
		flex-direction: column;
		padding: var(--wp--preset--spacing--24) var(--wp--preset--spacing--12);
	}

	.site-footer .site-footer__legal {
		flex-direction: column;
		align-items: flex-start;
	}

	/* На 320 копирайт по-польски (Wszelkie prawa zastrzeżone) шире колонки. */
	.site-footer .site-footer__copyright {
		white-space: normal;
	}
}

@media (pointer: coarse) {
	/* min-width — для коротких подписей: News в английской версии 36 в ширину. */
	.site-footer .site-footer__links .wp-block-navigation-item__content {
		box-sizing: border-box;
		min-width: 44px;
		padding: var(--wp--preset--spacing--12) 0;
	}
}