/*
 * LUA-NAV-V3 · 24.09.2026 · бургер + футер по SITEMAP v3
 * Грузится только при включённом флаге lua_nav_v3 (functions.php дочерней темы).
 * Выключатель: add_filter( 'lua_nav_v3', '__return_false' );
 * Меню: «LUA Nav v3» (бургер + футер: Рішення, Для кого, Послуги для забудовників)
 *       и «LUA Footer v3» (футер: Компанія, З чого почати).
 * Свои классы: lua-group, lua-g-*, lua-hub, lua-soon, lua-fnav. Классы f-* не используем,
 * поэтому правила родительской темы (style.css, lua-fixes.css) на новые пункты не действуют.
 * !important в файле нет.
 */

/* ── Общее ─────────────────────────────────────────────── */

.lua-group > a,
.lua-soon > a {
	cursor: default;
}

.lua-hub > .sub-menu {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* ── Бургер ─────────────────────────────────────────────── */

.site_menu__services .lua-hub > .sub-menu {
	display: none; /* в бургере только хабы, услуги — в футере */
}

.site_menu__services .lua-group > .sub-menu {
	margin: 0;
	padding: 0;
	list-style: none;
}

.site_menu__services .lua-group > a {
	display: block;
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 1;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: rgba(0, 0, 0, .42);
}

.site_menu__services .lua-group > a:hover {
	color: rgba(0, 0, 0, .42);
}

.site_menu__services .lua-soon > a,
.site_menu__services .lua-soon > a:hover {
	color: rgba(0, 0, 0, .34);
}

.site_menu__services .lua-soon > a::after {
	content: "скоро";
	display: inline-block;
	margin-left: .8rem;
	padding: .35rem .9rem;
	border-radius: 99rem;
	background: #f2f2f2;
	color: rgba(0, 0, 0, .45);
	font-size: 1.3rem;
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: .02em;
	vertical-align: middle;
}

@media (min-width: 1024px) {
	.site_menu__top-title {
		display: none;
	}

	.site_menu__services {
		width: auto;
		grid-template-columns: repeat(3, max-content);
		grid-template-rows: none;
		grid-auto-flow: row;
		gap: 0 5.6rem;
		align-items: start;
	}

	.site_menu__services .lua-group > a {
		margin-bottom: 2.4rem;
	}

	.site_menu__services .lua-group > .sub-menu {
		display: grid;
		gap: 1.6rem;
	}
}

@media (max-width: 1023px) {
	/* плоский список внутри панели «Послуги»: подписи групп + пункты */
	.site_menu__services .lua-group > a {
		margin-bottom: 4rem;
		font-size: 1.9rem;
	}

	.site_menu__services .lua-group > .sub-menu {
		display: grid;
		gap: 5.4rem;
	}

	.site_menu__services .lua-group::after {
		display: none; /* разделитель только между пунктами, не над группой */
	}

	.site_menu__services .lua-group + .lua-group {
		margin-top: 2.6rem;
	}

	.site_menu__services .lua-soon > a::after {
		font-size: 1.7rem;
	}
}

/* ── Футер: общая типографика ──────────────────────────── */

.lua-fnav,
.lua-fnav .sub-menu {
	margin: 0;
	padding: 0;
	list-style: none;
}

.lua-fnav li {
	display: block;
	margin: 0;
	padding: 0;
}

.lua-fnav a {
	display: inline; /* у ссылок футер-меню родитель ставит flex + space-between */
	font-size: 15px;
	line-height: 20px;
	color: #fff;
	transition: color .3s;
}

.lua-fnav a[href]:hover {
	color: var(--red-1, #f43563);
}

.lua-fnav .sub-menu {
	display: grid;
	gap: 9px;
}

.lua-fnav .lua-group > a {
	display: block;
	margin-bottom: 18px;
	font-size: 12px;
	line-height: 1;
	letter-spacing: .11em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, .38);
}

.lua-fnav .lua-hub > a {
	font-weight: 600;
	color: #fff;
}

.lua-fnav .lua-hub > .sub-menu {
	margin-top: 10px;
}

.lua-fnav .lua-hub > .sub-menu a {
	font-size: 13px;
	line-height: 18px;
	color: rgba(255, 255, 255, .6);
}

.lua-fnav .lua-soon > a,
.lua-fnav .lua-hub > .sub-menu .lua-soon > a {
	color: rgba(255, 255, 255, .32);
}

.lua-fnav .lua-soon > a::after {
	content: "скоро";
	display: inline-block;
	margin-left: 6px;
	padding: 1px 6px;
	border-radius: 99px;
	background: rgba(255, 255, 255, .08);
	color: rgba(255, 255, 255, .5);
	font-size: 10px;
	line-height: 14px;
	letter-spacing: .02em;
	vertical-align: 1px;
}

.footer .footer-services > .footer-descr,
.footer .footer-pages > .footer-descr {
	display: none; /* подписи теперь внутри меню: Рішення, Для кого, Послуги, Компанія, З чого почати */
}

/* ── Футер ≥1280: два яруса на сетке .container ────────────
 * ярус 1: Рішення | Для кого | Компанія | З чого почати | Контакти (на два ряда)
 * ярус 2: Послуги — 4 колонки хабов, «Маркетинг-команда» под «Маркетингом»
 */

@media (min-width: 1280px) {
	.footer .footer-services,
	.footer .footer-pages {
		display: contents;
	}

	.lua-fnav--srv {
		display: contents;
	}

	.lua-fnav--srv > .lua-g-sol {
		grid-area: 2 / 1;
	}

	.lua-fnav--srv > .lua-g-who {
		grid-area: 2 / 2;
	}

	.lua-fnav--pages {
		grid-area: 2 / 3 / auto / 5;
		display: grid;
		grid-template-columns: subgrid;
	}

	.lua-fnav--srv > .lua-g-sol,
	.lua-fnav--srv > .lua-g-who,
	.lua-fnav--pages > .lua-group {
		padding: 0 24px 48px 0;
	}

	.footer .footer-contacts {
		grid-row: 2 / span 2;
	}

	.lua-fnav--srv > .lua-g-srv {
		grid-area: 3 / 1 / auto / 5;
		display: grid;
		grid-template-columns: subgrid;
		padding: 40px 0 56px;
		border-top: 1px solid rgba(207, 209, 210, .15);
	}

	.lua-fnav--srv > .lua-g-srv > a {
		grid-column: 1 / -1;
		margin-bottom: 24px;
	}

	.lua-fnav--srv > .lua-g-srv > .sub-menu {
		display: contents;
	}

	.lua-fnav--srv .lua-hub {
		grid-row: 2 / span 2;
		padding-right: 12px;
	}

	.lua-fnav--srv .lua-hub-mkt {
		grid-row: 2; /* под ним встаёт «Маркетинг-команда» */
	}

	.lua-fnav--srv .lua-hub-team {
		grid-area: 3 / 4;
		padding-top: 28px;
	}

	.footer .footer-bottom {
		grid-row: 4;
	}
}

/* ── Футер ≤1279: списки в две колонки, как было ────────── */

@media (max-width: 1279px) {
	.footer .footer-pages {
		column-count: auto;
	}

	.lua-fnav--pages,
	.lua-fnav--srv,
	.lua-fnav--srv > .lua-g-srv > .sub-menu {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 32px 24px;
		align-items: start;
	}

	.lua-fnav--srv > .lua-g-srv {
		grid-column: 1 / -1;
	}

	.lua-fnav--srv > .lua-g-srv > .sub-menu {
		gap: 28px 24px;
	}

	.lua-fnav--srv {
		padding-bottom: 40px;
	}

	.lua-fnav--srv .lua-hub-team {
		grid-column: 1 / -1;
	}
}

@media (max-width: 767px) {
	/* Рішення и Для кого — на всю ширину: в половине 390px строка с плашкой «скоро» не помещается */
	.lua-fnav--srv > .lua-g-sol,
	.lua-fnav--srv > .lua-g-who {
		grid-column: 1 / -1;
	}
}