/**
 * ZooSpace footer refresh.
 * Scoped to footer style 3 so theme updates and other footer variants keep
 * their own presentation.
 */

.footer.footer-style-3 {
	--zs-footer-navy: #080c3e;
	--zs-footer-navy-soft: #171d57;
	--zs-footer-orange: #ff8a00;
	--zs-footer-orange-dark: #e97500;
	--zs-footer-border: rgba(255, 255, 255, .1);
	overflow: hidden;
	background: var(--zs-footer-navy);
}

.footer.footer-style-3::after {
	background:
		radial-gradient(circle at 88% 8%, rgba(255, 138, 0, .15) 0 150px, transparent 151px),
		radial-gradient(circle at 12% 110%, rgba(58, 116, 177, .2) 0 250px, transparent 251px),
		linear-gradient(145deg, #070a38 0%, #11164c 58%, #203b68 100%);
}

.footer.footer-style-3 .footer-top {
	position: relative;
	padding: 44px 0 40px;
}

.footer.footer-style-3 .footer-top > .container {
	position: relative;
	z-index: 1;
}

.footer.footer-style-3 .footer-widget-area {
	row-gap: 30px;
}

.footer.footer-style-3 .footer-widget-area .widget {
	height: 100%;
	margin: 0;
	padding: 2px 0;
}

.footer.footer-style-3 .zs-footer-nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.footer.footer-style-3 .zs-footer-nav--business {
	padding: 0 0 0 18px;
	border-left: 1px solid rgba(255, 255, 255, .09);
}

.footer.footer-style-3 .widget .widget-title {
	position: relative;
	margin-bottom: 22px;
	padding-bottom: 13px;
	color: #fff;
	font-size: 17px;
	font-weight: 800;
}

.footer.footer-style-3 .widget .widget-title::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 38px;
	height: 3px;
	border: 0;
	border-radius: 999px;
	background: linear-gradient(90deg, var(--zs-footer-orange), #ffc04d);
}

.footer.footer-style-3 .widget ul {
	gap: 10px;
}

.footer.footer-style-3 .widget a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: rgba(255, 255, 255, .74);
	font-size: 13px;
	line-height: 1.45;
	text-decoration: none;
	transition: color .2s ease, transform .2s ease;
}

.footer.footer-style-3 .widget a::before {
	content: '';
	width: 5px;
	height: 5px;
	flex: 0 0 auto;
	border-radius: 50%;
	background: rgba(255, 152, 22, .72);
}

.footer.footer-style-3 .widget a:hover {
	transform: translateX(3px);
	color: #fff;
}

.footer.footer-style-3 .widget a.zs-footer-plan-link {
	color: #ffac35;
	font-weight: 800;
}

.footer.footer-style-3 .widget a.zs-footer-plan-link::before {
	background: #ff9a17;
	box-shadow: 0 0 0 4px rgba(255, 154, 23, .12);
}

.footer.footer-style-3 .footer-4-widgets {
	padding: 20px !important;
	border: 1px solid rgba(255, 255, 255, .1);
	border-radius: 20px;
	background: rgba(255, 255, 255, .055);
}

.footer.footer-style-3 .footer-4-widgets :is(input[type='email'], input[type='text']) {
	min-height: 50px;
	padding: 12px 15px;
	border: 1px solid rgba(255, 255, 255, .15);
	border-radius: 13px;
	background: rgba(255, 255, 255, .1);
	color: #fff;
	box-shadow: none;
}

.footer.footer-style-3 .footer-4-widgets :is(input[type='email'], input[type='text'])::placeholder {
	color: rgba(255, 255, 255, .5);
}

.footer.footer-style-3 .footer-4-widgets :is(button, input[type='submit']) {
	min-height: 48px;
	border: 0;
	border-radius: 13px;
	background: linear-gradient(135deg, #ff990d, #ed7200);
	color: #fff;
	font-weight: 800;
	box-shadow: 0 9px 22px rgba(255, 126, 0, .2);
}

.footer.footer-style-3 .footer-bottom {
	position: relative;
	z-index: 1;
	border-top: 1px solid rgba(255, 255, 255, .08);
	background: rgba(4, 7, 34, .48);
}

.footer.footer-style-3 .footer-bottom .copyright-area {
	min-height: 96px;
}

.footer.footer-style-3 .footer-bottom .copyright-logo {
	display: flex;
	align-items: center;
	align-self: stretch;
	padding: 22px 38px;
	background: linear-gradient(135deg, #ff980d, #ff7d00);
}

.footer.footer-style-3 .zs-footer-mission {
	margin-top: 6px !important;
	color: rgba(255, 255, 255, .48);
	font-size: 11px;
}

.footer.footer-style-3 .social-btn ul {
	gap: 8px;
}

.footer.footer-style-3 .social-btn ul li a {
	width: 38px;
	height: 38px;
	border: 1px solid rgba(255, 255, 255, .1);
	background: rgba(255, 255, 255, .07);
	color: rgba(255, 255, 255, .72);
}

.footer.footer-style-3 .social-btn ul li a:hover {
	transform: translateY(-2px);
	border-color: var(--zs-footer-orange);
	background: var(--zs-footer-orange);
	color: #fff;
}

@media (max-width: 991px) {
	.footer.footer-style-3 .footer-4-widgets {
		margin-top: 4px;
	}

	.footer.footer-style-3 .zs-footer-nav--business {
		padding-left: 0;
		border-left: 0;
	}
}

@media (max-width: 767px) {
	.footer.footer-style-3 .footer-top {
		padding: 38px 0 36px;
	}

	.footer.footer-style-3 .footer-bottom .copyright-area {
		padding: 22px 0;
		text-align: center;
	}

	.footer.footer-style-3 .footer-bottom .copyright-logo {
		align-self: auto;
		justify-content: center;
		width: 100%;
		min-height: 76px;
		padding: 18px 26px;
		border-radius: 16px;
	}

	.footer.footer-style-3 .footer-bottom .copyright-text,
	.footer.footer-style-3 .footer-bottom .social-btn {
		width: 100%;
	}

	.footer.footer-style-3 .social-btn ul {
		justify-content: center;
	}
}

@media (prefers-reduced-motion: reduce) {
	.footer.footer-style-3 *,
	.footer.footer-style-3 *::before,
	.footer.footer-style-3 *::after {
		transition-duration: .01ms !important;
		animation-duration: .01ms !important;
	}
}