/**
 * Футер «wa-footer» (2026-11-02): светлый футер с тёмной полосой контактов, бренд + 3 колонки меню, нижняя строка.
 * Разметка: template-parts/footer/footer.php. Макет: reports/new-design-tasks/Footer task (FooterLight.dc.html).
 */

.wa-footer {
	--wa-ft-ink: #14233a;
	--wa-ft-blue: #1a72a8;
	--wa-ft-line: #e3e9ef;
	--wa-ft-head: Montserrat, Arial, sans-serif;
	position: relative;
	margin: 0;
	padding: 0;
	background: #f5f8fb;
	border-top: 1px solid var(--wa-ft-line);
	font-family: -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	color: #1d2433;
	clear: both;
}
.wa-footer *,
.wa-footer *::before,
.wa-footer *::after { box-sizing: border-box; }
.wa-footer p { margin: 0; }
.wa-footer a { text-decoration: none; }

.wa-footer__wrap {
	width: 1400px;
	max-width: calc(100% - 40px);
	margin: 0 auto;
	padding-top: 40px;
}

/* ---------- тёмная полоса ---------- */
.wa-footer__band {
	position: relative;
	overflow: hidden;
	display: grid;
	grid-template-columns: minmax(0, 1fr) 280px 280px 300px;
	gap: 14px;
	align-items: center;
	padding: 26px 28px;
	border-radius: 24px;
	background: var(--wa-ft-ink);
	isolation: isolate;
}
.wa-footer__band-deco {
	position: absolute;
	left: 160px;
	top: 50%;
	width: 360px;
	height: 360px;
	margin-top: -180px;
	z-index: -1;
	pointer-events: none;
}
.wa-footer__band-deco i {
	position: absolute;
	inset: 0;
	border: 1.5px solid rgba(255, 255, 255, .07);
	border-radius: 50%;
	transform: scaleY(.36);
}
.wa-footer__band-deco i + i { transform: rotate(60deg) scaleY(.36); }
.wa-footer .wa-footer__band-title {
	font: 700 22px/1.25 var(--wa-ft-head);
	color: #fff;
}
.wa-footer .wa-footer__band-sub {
	margin-top: 4px;
	font-size: 14px;
	line-height: 1.45;
	color: rgba(255, 255, 255, .65);
}

.wa-footer__tile {
	display: flex;
	align-items: center;
	gap: 14px;
	min-width: 0;
	padding: 18px 20px;
	border: 1px solid rgba(255, 255, 255, .12);
	border-radius: 16px;
	background: rgba(255, 255, 255, .06);
	color: #fff;
	transition: background-color .2s ease;
}
a.wa-footer__tile:hover,
.wa-footer__tile--msg:hover { background: rgba(255, 255, 255, .12); color: #fff; }
.wa-footer__tile-ico {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: none;
	width: 44px;
	height: 44px;
	border-radius: 12px;
	background: rgba(255, 255, 255, .1);
	color: #8cc7ec;
}
.wa-footer__tile-ico--tg { background: #29a9eb; color: #fff; }
.wa-footer__tile-txt { min-width: 0; }
.wa-footer__tile small {
	display: block;
	font-size: 12px;
	line-height: 1.4;
	color: rgba(255, 255, 255, .6);
}
.wa-footer__tile b {
	display: block;
	font: 700 16px/1.35 var(--wa-ft-head);
	color: #fff;
	white-space: nowrap;
}
.wa-footer__tile b a { color: #fff; }
.wa-footer__tile b a:hover { color: #8cc7ec; }

.wa-footer .wa-footer__cta {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	width: 100%;
	height: 80px;
	margin: 0;
	padding: 0 20px;
	border: 0;
	border-radius: 16px;
	background: #7dc91b;
	color: #0e2a06;
	font: 700 16px/1.2 var(--wa-ft-head);
	cursor: pointer;
	transition: background-color .2s ease;
}
.wa-footer .wa-footer__cta:hover { background: #8bd626; color: #0e2a06; }
.wa-footer__cta svg { flex: none; transition: transform .2s ease; }
@media (hover: hover) {
	.wa-footer .wa-footer__cta:hover svg { transform: translateX(3px); }
}

/* ---------- основная часть ---------- */
.wa-footer__main {
	display: grid;
	grid-template-columns: 420px repeat(3, minmax(0, 1fr));
	gap: 56px;
	margin-top: 48px;
}
.wa-footer__logo {
	display: inline-flex;
	align-items: center;
	gap: 4px;
}
.wa-footer .wa-footer__logo-spin { display: block; flex: none; width: 44px; height: 44px; margin: 0; }
.wa-footer__logo-img {
	display: block;
	height: 40px;
	width: auto;
	max-width: none;
	mix-blend-mode: multiply; /* у JPG-логотипа белая подложка — на светлом фоне не видна */
}
.wa-footer__logo picture { display: block; }
.wa-footer .wa-footer__about {
	margin-top: 16px;
	font-size: 15px;
	line-height: 1.65;
	color: #4b5563;
}
.wa-footer__pills {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 18px;
}
.wa-footer__pill {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	height: 38px;
	padding: 0 14px;
	border: 1px solid #d9e3ec;
	border-radius: 999px;
	background: #fff;
	font-size: 13px;
	font-weight: 600;
	color: var(--wa-ft-ink);
	transition: border-color .2s ease;
}
.wa-footer__pill:hover { border-color: var(--wa-ft-blue); color: var(--wa-ft-ink); }
.wa-footer__pill svg { color: var(--wa-ft-blue); flex: none; }

.wa-footer__col { min-width: 0; }
.wa-footer .wa-footer__col-title {
	font: 700 13px/1.3 var(--wa-ft-head);
	letter-spacing: .06em;
	text-transform: uppercase;
	color: #5b6472;
}
.wa-footer .wa-footer__list {
	display: grid;
	gap: 11px;
	margin: 16px 0 0;
	padding: 0;
	list-style: none;
}
.wa-footer .wa-footer__list li {
	margin: 0;
	padding: 0;
	list-style: none;
	background: none;
}
.wa-footer__list li::before { content: none; }
.wa-footer__list a {
	font-size: 15px;
	line-height: 1.45;
	color: #36404f;
	transition: color .2s ease;
}
.wa-footer__list a:hover,
.wa-footer__list .current-menu-item > a { color: var(--wa-ft-blue); }

/* ---------- нижняя строка ---------- */
.wa-footer__bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	margin-top: 44px;
	padding: 20px 0 24px;
	border-top: 1px solid var(--wa-ft-line);
	font-size: 13px;
	line-height: 1.5;
	color: #5b6472;
}
.wa-footer__legal {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 24px;
}
.wa-footer__legal a { color: #5b6472; transition: color .2s ease; }
.wa-footer__legal a:hover { color: var(--wa-ft-blue); }

/* ---------- фокус ---------- */
.wa-footer a:focus-visible,
.wa-footer button:focus-visible {
	outline: 2px solid var(--wa-ft-blue);
	outline-offset: 2px;
}
.wa-footer__band a:focus-visible,
.wa-footer__band button:focus-visible { outline-color: #8cc7ec; }

/* ---------- планшет ---------- */
@media (max-width: 1023px) {
	.wa-footer__wrap { max-width: calc(100% - 32px); }
	.wa-footer__band { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.wa-footer__band-text { grid-column: 1 / -1; margin-bottom: 4px; }
	.wa-footer .wa-footer__cta { height: 64px; }
	.wa-footer__tile { padding: 14px 16px; gap: 12px; }
	.wa-footer__main { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 36px 32px; }
	.wa-footer__brand { grid-column: 1 / -1; }
	.wa-footer__bottom { flex-direction: column; justify-content: center; text-align: center; gap: 10px; }
	.wa-footer__legal { justify-content: center; }
}

/* ---------- мобилка ---------- */
@media (max-width: 767px) {
	.wa-footer__wrap { padding-top: 24px; }
	.wa-footer__band { grid-template-columns: minmax(0, 1fr); gap: 10px; padding: 20px; border-radius: 20px; }
	.wa-footer__band-deco { left: 40%; }
	.wa-footer .wa-footer__band-title { font-size: 19px; }
	.wa-footer .wa-footer__cta { height: 56px; }
	.wa-footer__main { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 20px; margin-top: 36px; }
	.wa-footer__bottom { padding-bottom: 90px; } /* плавающие кнопки чата и «вверх» */
	.wa-footer__legal { gap: 6px 16px; }
}

@media (prefers-reduced-motion: reduce) {
	.wa-footer *, .wa-footer *::before { transition: none !important; }
	.wa-footer__cta:hover svg { transform: none; }
}