/* ============================================
Footer — промо-підвал Jay&Joy School (2 лінії)
Лінія 1: лого + телефон + соцмережі + e-mail
Лінія 2: адреса + меню + розробник
На системі теми: .container, wp_nav_menu (.menu), var(--*).
Брейкпоінти: 1680 / 1279 / 768.
============================================ */

.promo-footer {
	position: relative;
	z-index: 2;
	margin-top: -40px;
	background: var(--primary);
	color: #fff;
	padding: 44px 0;
	border-top-left-radius: 50px;
	border-top-right-radius: 50px;
}

/* Рядок (лінія) */
.promo-footer__row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
	flex-wrap: wrap;
}
.promo-footer__row--top {
	padding-bottom: 26px;
	margin-bottom: 26px;
}

/* Телефон + соцмережі разом (по центру рядка) */
.promo-footer__contacts {
	display: flex;
	align-items: center;
	gap: 20px;
	margin-left: 2vw;
}

/* Лого */
.promo-footer__logo {
	display: inline-block;
	flex: 0 0 auto;
}
.promo-footer__logo img {
	width: 200px;
	height: auto;
	display: block;
}

/* Телефон */
.promo-footer__phone {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	background: rgba(255, 255, 255, 0.16);
	color: #fff;
	padding: 14px 30px;
	border-radius: var(--radius-pill);
	font-family: var(--font-family-2);
	font-weight: 700;
	font-size: 24px;
	transition: background 0.3s ease;
}
.promo-footer__phone:hover {
	background: rgba(255, 255, 255, 0.28);
}
.promo-footer__phone img {
	width: 20px;
	height: 20px;
	object-fit: contain;
	filter: brightness(0) invert(1);
}

/* Соцмережі */
.promo-footer__socials {
	display: flex;
	gap: 14px;
}
.footer-soc {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.16);
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background 0.3s ease;
}
.footer-soc:hover {
	background: rgba(255, 255, 255, 0.3);
}
.footer-soc img {
	width: 26px;
	height: 26px;
	object-fit: contain;
	filter: brightness(0) invert(1);
}

/* E-mail */
.promo-footer__email {
	font-family: var(--font-family-2);
	font-weight: 700;
	font-size: 24px;
	color: #fff;
}

/* Адреса */
.promo-footer__addr {
	font-family: var(--font-family-1);
	font-size: 16px;
	line-height: 1.35;
	max-width: 270px;
	color: #fff;
}

/* Навігація (wp_nav_menu — єдиний набір з шапкою, якорі scroll-to-element) */
.promo-footer__nav .menu {
	justify-content: center;
}
.promo-footer__nav { display: none; }
.promo-footer .menu a {
	color: #fff;
	font-family: var(--font-family-2);
	font-weight: 700;
	font-size: 20px;
	transition: opacity 0.3s ease;
}
.promo-footer .menu a:hover {
	opacity: 0.75;
}

/* Розробник */
.promo-footer__artko {
	font-family: var(--font-family-1);
	font-size: 16px;
	color: #fff;
	width: 270px;
	text-align: right;
}

/* Адаптив */
@media (max-width: 1680px) {
	.promo-footer__phone,
	.promo-footer__email {
		font-size: 22px;
	}
}
@media (max-width: 1279px) {
	.promo-footer {
		margin-top: -20px;
		border-top-left-radius: 16px;
		border-top-right-radius: 16px;
	}
	.promo-footer__row {
		flex-direction: column;
		text-align: center;
		gap: 20px;
	}
	.promo-footer__contacts {
		flex-direction: column;
		gap: 16px;
	}
	.promo-footer__addr {
		max-width: 440px;
	}
	.promo-footer .menu > .menu-item { display: inline-flex; align-items: center; padding: 8px 10px; }
	.promo-footer .menu a { font-size: 16px; }
	.promo-footer__artko { font-size: 14px; width: fit-content;}
	.promo-footer__contacts { margin-left: 0; }
}
@media (max-width: 768px) {
	.promo-footer {
		padding: 34px 0;
	}
	.promo-footer__logo img {
		width: 170px;
	}
	.footer-soc {
		width: 54px;
		height: 54px;
	}
	.jay-joy-school-page .join-cloud__text { margin-top: 5vw; margin-bottom: 10px; font-size: 12px; max-width: 190px; }
}