/*!
 * Location: /assets/css/hdaf-footer.css
 * Purpose:
 * - Footer layout styling for 1 brand/contact column + 4 equal menu columns.
 * - Desktop: left column + right four equal columns.
 * - Tablet/mobile behavior is handled by /assets/css/hdaf-footer-accordion.css.
 *
 * @package HyperDAF
 */

.hdaf-footer{
	background:#efefef;
	color:#111;
	font-size:14px;
	line-height:1.6;
}

.hdaf-footer *{box-sizing:border-box}

.hdaf-footer__inner{
	max-width:1500px;
	margin:0 auto;
}

.hdaf-footer__grid{
	display:grid;
	grid-template-columns:minmax(260px, 31%) minmax(0, 1fr);
	gap:48px;
	padding:32px 20px;
}

.hdaf-footer__left{
	min-width:0;
}

.hdaf-footer__right{
	min-width:0;
}

.hdaf-footer__logo-link{
	display:inline-block;
	text-decoration:none;
}

.hdaf-footer .hdaf-footer__logo-img{
	height:45px !important;
	width:auto !important;
	max-width:100% !important;
	display:block !important;
}

.hdaf-footer__site-title{
	font-weight:900;
	font-size:20px;
	line-height:1.2;
	color:#111;
	text-decoration:none;
}

.hdaf-footer__help{
	margin:18px 0 0;
}

.hdaf-footer__help--inline{
	display:flex;
	align-items:center;
	gap:10px;
}

.hdaf-footer__help-icon{
	width:38px;
	height:38px;
	border-radius:999px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	background:#fff;
	border:1px solid rgba(0,0,0,.10);
	color:#ff7a00;
	flex:0 0 auto;
}

.hdaf-footer__help-icon svg{
	width:19px;
	height:19px;
	display:block;
	fill:currentColor;
}

.hdaf-footer__help-phone{
	font-weight:900;
	color:#111;
	text-decoration:none;
	line-height:1.25;
}

a.hdaf-footer__help-phone:hover{
	color:#ff7a00;
}

.hdaf-footer__contact-title{
	font-weight:900;
	margin:16px 0 8px;
}

.hdaf-footer__contact-line{
	color:#111;
	opacity:.9;
	line-height:1.55;
	max-width:360px;
}

.hdaf-footer__social{
	margin-top:18px;
}

.hdaf-footer-social__list{
	list-style:none !important;
	margin:0 !important;
	padding:0 !important;
	display:flex !important;
	flex-wrap:wrap;
	gap:12px;
	align-items:center;
}

.hdaf-footer-social__item{
	list-style:none !important;
	margin:0 !important;
	padding:0 !important;
}

.hdaf-footer-social__item::before,
.hdaf-footer-social__link::before{
	content:none !important;
}

.hdaf-footer-social__link{
	width:36px;
	height:36px;
	border-radius:8px;
	background:#fff;
	border:1px solid #d8d8d8;
	display:flex;
	align-items:center;
	justify-content:center;
	text-decoration:none;
	transition:border-color .16s ease, transform .16s ease;
}

.hdaf-footer-social__link:hover{
	border-color:#ff7a00;
	transform:translateY(-1px);
}

.hdaf-footer-social__img,
.hdaf-footer-social__link img{
	width:22px;
	height:22px;
	display:block;
	filter:none !important;
}

.hdaf-footer__cols{
	display:grid;
	grid-template-columns:repeat(4, minmax(0, 1fr));
	gap:28px;
	align-items:start;
}

.hdaf-footer__col{
	min-width:0;
}

.hdaf-footer__menu{
	list-style:none !important;
	margin:0 !important;
	padding:0 !important;
	display:grid;
	gap:8px;
}

.hdaf-footer__menu li{
	list-style:none !important;
	margin:0 !important;
	padding:0 !important;
}

.hdaf-footer__menu li::before{
	content:none !important;
}

.hdaf-footer__menu a{
	font-size:14px;
	line-height:1.3;
	text-decoration:none;
	text-transform:uppercase;
	letter-spacing:.4px;
	color:#223a5a;
}

.hdaf-footer__menu a:hover{
	text-decoration:underline;
}

.hdaf-footer__bottom{
	border-top:1px solid #ddd;
	text-align:center;
	padding:18px 10px;
	font-weight:800;
	font-size:14px;
}

@media (max-width:1200px){
	.hdaf-footer__grid{
		grid-template-columns:minmax(240px, 30%) minmax(0, 1fr);
		gap:32px;
	}

	.hdaf-footer__cols{
		gap:18px;
	}
}

@media (max-width:980px){
	.hdaf-footer__grid{
		grid-template-columns:1fr;
		gap:26px;
		padding:28px 16px;
	}

	.hdaf-footer__contact-line{
		max-width:none;
	}
}

@media (max-width:420px){
	.hdaf-footer .hdaf-footer__logo-img{
		height:34px !important;
	}

	.hdaf-footer__help-icon{
		width:34px;
		height:34px;
	}

	.hdaf-footer__help-icon svg{
		width:17px;
		height:17px;
	}
}