/* Independent Jahan Shoofazh footer — 1.16.0 */

/* The old theme footer remains in the theme template for compatibility, but is visually retired. */
body.jspanel-independent-footer .footer-container,
body.jspanel-independent-footer footer.footer-container,
body.jspanel-independent-footer .main-footer,
body.jspanel-independent-footer .copyrights-wrapper,
body.jspanel-independent-footer .min-footer,
body.jspanel-independent-footer #footer:not(.jspanel-site-footer){
	display:none!important;
}

.jspanel-site-footer{
	position:relative;
	z-index:2;
	width:100%;
	margin:52px 0 0;
	border-top:1px solid var(--jspanel-line,#e8eaed);
	background:var(--jspanel-surface,#fff);
	color:var(--jspanel-ink,#1e2024);
}
.jspanel-footer-shell{
	width:min(1240px,calc(100% - 36px));
	margin:0 auto;
	padding:42px 0 0;
}
.jspanel-footer-grid{
	display:grid;
	grid-template-columns:minmax(240px,1.5fr) repeat(3,minmax(150px,1fr));
	gap:42px;
	align-items:start;
}
.jspanel-footer-brand-column{
	min-width:0;
}
.jspanel-footer-logo,
.jspanel-footer-site-name{
	display:inline-flex;
	align-items:center;
	max-width:190px;
	margin:0 0 16px;
	color:inherit;
	font-size:21px;
	font-weight:900;
	text-decoration:none;
}
.jspanel-footer-logo-image{
	display:block;
	width:auto!important;
	max-width:190px!important;
	max-height:62px!important;
	height:auto!important;
	object-fit:contain;
}
.jspanel-footer-description{
	max-width:390px;
	margin:0;
	color:var(--jspanel-muted,#74777c);
	font-size:12px;
	line-height:2;
}
.jspanel-footer-column h3{
	margin:2px 0 16px;
	padding:0;
	color:var(--jspanel-ink,#1e2024);
	font-size:12px;
	font-weight:850;
	line-height:1.5;
}
.jspanel-footer-links,
.jspanel-footer-contact ul{
	display:flex;
	flex-direction:column;
	gap:10px;
	margin:0!important;
	padding:0!important;
	list-style:none!important;
}
.jspanel-footer-links li,
.jspanel-footer-contact li{
	margin:0!important;
	padding:0!important;
	list-style:none!important;
}
.jspanel-footer-links a{
	display:inline-flex;
	color:#62666c;
	font-size:11.5px;
	line-height:1.7;
	text-decoration:none;
	transition:color .18s ease;
}
.jspanel-footer-links a:hover{
	color:var(--jspanel-primary,#e63946);
}
.jspanel-footer-contact li{
	display:flex;
	flex-direction:column;
	gap:2px;
}
.jspanel-footer-contact li>span{
	color:#999ca1;
	font-size:9px;
	font-weight:650;
}
.jspanel-footer-contact a,
.jspanel-footer-contact strong{
	color:#55595f;
	font-size:11px;
	font-weight:600;
	line-height:1.8;
	text-decoration:none;
}
.jspanel-footer-contact a:hover{
	color:var(--jspanel-primary,#e63946);
}
.jspanel-footer-socials{
	display:flex;
	flex-wrap:wrap;
	gap:7px;
	margin-top:18px;
}
.jspanel-footer-socials a{
	display:flex;
	align-items:center;
	justify-content:center;
	width:32px;
	height:32px;
	border:1px solid var(--jspanel-line,#e7e9ec);
	border-radius:9px;
	background:#fff;
	color:#3d4045;
	transition:border-color .18s ease,color .18s ease,background .18s ease;
}
.jspanel-footer-socials a:hover{
	border-color:rgba(var(--jspanel-primary-rgb,230,57,70),.2);
	background:#fffafa;
	color:var(--jspanel-primary,#e63946);
}
.jspanel-footer-socials svg{
	display:block;
	width:16px;
	height:16px;
	fill:none;
	stroke:currentColor;
	stroke-width:1.65;
	stroke-linecap:round;
	stroke-linejoin:round;
}
.jspanel-footer-bottom{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:18px;
	margin-top:34px;
	padding:17px 0 19px;
	border-top:1px solid var(--jspanel-line,#eceef0);
	color:#92959a;
	font-size:9.5px;
	line-height:1.7;
}
.jspanel-footer-bottom a{
	color:#73767b;
	font-weight:700;
	text-decoration:none;
}
body.wma-auth-page .jspanel-site-footer{
	display:none!important;
}

@media (max-width:1024px){
	.jspanel-footer-grid{
		grid-template-columns:minmax(230px,1.4fr) repeat(2,minmax(150px,1fr));
		gap:30px;
	}
	.jspanel-footer-contact{
		grid-column:2/4;
	}
}
@media (max-width:767px){
	.jspanel-site-footer{
		margin-top:38px;
	}
	.jspanel-footer-shell{
		width:min(100% - 28px,620px);
		padding-top:30px;
	}
	.jspanel-footer-grid{
		grid-template-columns:1fr 1fr;
		gap:28px 22px;
	}
	.jspanel-footer-brand-column{
		grid-column:1/-1;
	}
	.jspanel-footer-description{
		max-width:none;
		font-size:11px;
	}
	.jspanel-footer-contact{
		grid-column:1/-1;
	}
	.jspanel-footer-bottom{
		align-items:flex-start;
		flex-direction:column;
		margin-top:26px;
		padding-bottom:82px;
	}
}
@media (max-width:420px){
	.jspanel-footer-grid{
		grid-template-columns:1fr;
	}
	.jspanel-footer-brand-column,
.jspanel-footer-contact{
		grid-column:auto;
	}
}


/* 1.17.1 - proper Bale and Rubika brand marks. */
.jspanel-footer-socials svg.jspanel-footer-brandmark{
	fill:none;
	stroke:none;
}
.jspanel-footer-socials .jspanel-footer-brandmark .jspanel-brandmark-fill{
	fill:currentColor;
	stroke:none;
}
.jspanel-footer-socials .jspanel-footer-brandmark--rubika .jspanel-brandmark-inner{
	fill:var(--jspanel-surface,#fff);
	stroke:none;
}
.jspanel-footer-socials .jspanel-footer-brandmark--rubika .jspanel-brandmark-edge{
	fill:none;
	stroke:currentColor;
	stroke-width:1.15;
	stroke-linecap:round;
	stroke-linejoin:round;
}
.jspanel-footer-socials .jspanel-footer-brandmark--bale .jspanel-brandmark-check{
	fill:none;
	stroke:var(--jspanel-surface,#fff);
	stroke-width:2.15;
	stroke-linecap:round;
	stroke-linejoin:round;
}


/* 1.22.1 - separate footer logo for dark mode. */
.jspanel-footer-logo-image--dark{
	display:none!important;
}
html.jspanel-theme-dark .jspanel-footer-logo-image--light,
body.jspanel-theme-dark .jspanel-footer-logo-image--light{
	display:none!important;
}
html.jspanel-theme-dark .jspanel-footer-logo-image--dark,
body.jspanel-theme-dark .jspanel-footer-logo-image--dark{
	display:block!important;
}
