/* =====================================================
   ModArt Renov Framework
--------------------------------------------------------
   File        : footer.css
   Description : Footer Section
   Version     : 1.0.0
   Author      : Ayhan TACAR & Atlas
===================================================== */


/* =====================================================
   FOOTER
===================================================== */

.site-footer{

	position:relative;

	overflow:hidden;

	background:#000;

	border-top:1px solid rgba(212,175,55,.12);

	padding:90px 0 30px;

}

.site-footer::before{

	content:"";

	position:absolute;

	inset:0;

	pointer-events:none;

	background:
		radial-gradient(
			circle at top left,
			rgba(212,175,55,.05),
			transparent 45%
		);

}


/* =====================================================
   GRID
===================================================== */

.footer-grid{

	position:relative;

	display:grid;

	grid-template-columns:2fr 1fr 1.2fr 1fr;

	gap:50px;

	margin-bottom:60px;

}


/* =====================================================
   BRAND
===================================================== */

.footer-logo{

	display:block;

	width:220px;

	height:auto;

	margin-bottom:25px;

}

.footer-description{

	max-width:380px;

	color:var(--color-text-muted);

	line-height:2;

}


/* =====================================================
   COLUMNS
===================================================== */

.footer-col h3{

	margin-bottom:25px;

	color:var(--color-primary);

	font-size:22px;

	line-height:1.3;

	text-wrap:balance;

}

.footer-col ul{

	margin:0;

	padding:0;

	list-style:none;

}

.footer-col li{

	margin-bottom:16px;

}

.footer-contact-list li{
	display:flex;
	align-items:center;
	gap:8px;
}

.footer-contact-list li svg{
	width:18px;
	height:18px;
	flex:0 0 18px;
	color:var(--color-primary);
}

.footer-contact-list li a{
	display:inline;
}

.footer-col a{

	display:inline-flex;

	align-items:center;

	color:var(--color-text-light);

	transition:
		color var(--transition),
		transform var(--transition);

}

.footer-col a:hover{

	color:var(--color-primary);

	transform:translateX(4px);

}


/* =====================================================
   BOTTOM
===================================================== */

.footer-bottom{

	padding-top:30px;

	text-align:center;

	border-top:1px solid rgba(212,175,55,.18);

}

.footer-bottom p{

	margin:0;

	color:rgba(255,255,255,.78);

	gap:10px;

	padding-top:24px;

}

.footer-bottom span{

	display:block;
	width:40px;
	height:40px;

	border-radius:12px;

	font-size:13px;

	letter-spacing:2px;

	text-transform:uppercase;

}


/* =====================================================
   RESPONSIVE
===================================================== */

@media (max-width:1200px){

	.footer-grid{

		grid-template-columns:repeat(2,minmax(0,1fr));

	}

}

@media (max-width:768px){

	.footer-grid{

		grid-template-columns:1fr;

		gap:40px;

		text-align:center;

	}

	.footer-description{

		max-width:100%;

		margin-inline:auto;

	}

	.footer-logo{

		margin-inline:auto;

	}

	.footer-contact-list li{

		justify-content:center;

		width:100%;

	}

	.footer-col a{

		justify-content:center;

	}

}


/* =====================================================
   PERFORMANCE
===================================================== */

.footer-col a{

	will-change:transform;

}

.footer-logo,
.footer-col a{

	backface-visibility:hidden;

}

/* =====================================================
   PREMIUM OVERRIDES
===================================================== */

.site-footer{
	background:linear-gradient(180deg,#070707 0%,#050505 100%);
	border-top-color:rgba(212,175,55,.16);
	box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
}

.site-footer::after{
	content:"";
	position:absolute;
	inset:0;
	pointer-events:none;
	background:
		linear-gradient(180deg,rgba(255,255,255,.015),transparent 24%,transparent 84%,rgba(212,175,55,.04)),
		radial-gradient(circle at 12% 0%,rgba(212,175,55,.08),transparent 32%),
		radial-gradient(circle at 88% 100%,rgba(212,175,55,.05),transparent 28%);
}

.footer-grid{
	gap:26px;
	margin-bottom:44px;
}

.footer-col{
	position:relative;
	display:flex;
	flex-direction:column;
	padding:28px 26px;
	border:1px solid rgba(212,175,55,.10);
	border-radius:24px;
	background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.01));
	box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 20px 40px rgba(0,0,0,.16);
	backdrop-filter:blur(10px);
	-webkit-backdrop-filter:blur(10px);
	overflow:hidden;
}

.footer-col::before{
	content:"";
	position:absolute;
	top:0;
	left:26px;
	right:26px;
	height:1px;
	background:linear-gradient(90deg,transparent,rgba(212,175,55,.45),transparent);
	opacity:.75;
}

.footer-logo{
	margin-bottom:22px;
	filter:drop-shadow(0 10px 24px rgba(0,0,0,.22));
}

.footer-col h3{
	color:#f0cf79;
	letter-spacing:-.01em;
	margin-bottom:18px;
	font-size:20px;
}

.footer-description,
.footer-bottom p{
	color:#d1c6b2;
}

.footer-description{
	line-height:1.9;
}

.footer-social{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	justify-content:flex-end;
	align-self:flex-end;
	gap:10px;
	margin-top:auto;
	padding-top:24px;
}

.footer-social-link,
.footer-review-link{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	flex:0 0 auto;
	height:40px;
	border:1px solid rgba(212,175,55,.14);
	border-radius:12px;
	background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015));
	box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 12px 24px rgba(0,0,0,.16);
	transform:translate3d(0,0,0);
	transition:
		transform var(--transition),
		border-color var(--transition),
		background var(--transition),
		box-shadow var(--transition),
		color var(--transition);
}

.footer-social-link{
	width:40px;
	padding:0;
}

.footer-review-link svg{
	width:16px;
	height:16px;
	color:#f0cf79;
}

.footer-social-link{
	color:#ece1ca;
}

.footer-social-link svg{
	width:16px;
	height:16px;
	color:currentColor;
}

.footer-review-link{
	gap:8px;
	width:auto;
	min-width:0;
	padding:0 12px;
	color:#ece1ca;
}

.footer-review-link span{
	font-size:13px;
	line-height:1;
	white-space:nowrap;
}

.footer-social .footer-social-link:hover,
.footer-social .footer-review-link:hover{
	transform:translate3d(0,-3px,0);
	border-color:rgba(242,215,143,.34);
	background:linear-gradient(180deg,rgba(212,175,55,.16),rgba(255,255,255,.03));
	box-shadow:0 16px 30px rgba(0,0,0,.22), 0 0 18px rgba(212,175,55,.12);
}

.footer-review-link:hover{
	color:#f2d78f;
}

.footer-col a.footer-social-link:hover,
.footer-col a.footer-review-link:hover{
	transform:translate3d(0,-3px,0);
}

.footer-contact-list li{
	gap:10px;
}

.footer-bottom{
	padding-top:26px;
	border-top-color:rgba(212,175,55,.12);
}

@media (max-width:768px){
	.footer-col{
		padding:24px 20px;
	}

	.footer-social{
		justify-content:center;
		align-self:center;
	}

	.footer-review-link{
		align-self:center;
		padding:0 12px;
	}
}


/* =====================================================
   ACCESSIBILITY
===================================================== */

@media (prefers-reduced-motion:reduce){

	.footer-col a{

		animation:none !important;

		transition:none !important;

		transform:none !important;

	}

}