/* ============================================================
   KHABSTORE — Footer
   ============================================================ */

.khs-footer {
	margin-top: var(--khs-s8);
	background: var(--khs-primary-900);
	color: #B9CCDC;
	font-size: var(--khs-fs-14);
}

.khs-footer__trust {
	display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--khs-s4);
	transform: translateY(-32px);
}
@media (min-width: 1024px) { .khs-footer__trust { grid-template-columns: repeat(4, 1fr); } }

.khs-trust {
	display: flex; align-items: center; gap: var(--khs-s3);
	background: var(--khs-surface); color: var(--khs-text);
	border: 1px solid var(--khs-line); border-radius: var(--khs-radius-lg);
	padding: var(--khs-s4); box-shadow: var(--khs-shadow-1);
}
.khs-trust__icon { width: 30px; height: 30px; color: var(--khs-primary-700); flex: none; }
.khs-trust strong { display: block; font-size: var(--khs-fs-14); color: var(--khs-primary-900); }
.khs-trust span { font-size: var(--khs-fs-12); color: var(--khs-text-2); }

.khs-footer__grid {
	display: grid; grid-template-columns: 1fr; gap: var(--khs-s5);
	padding-block: var(--khs-s5);
}
@media (min-width: 768px)  { .khs-footer__grid { grid-template-columns: 2fr 1fr 1fr 1fr; } }
@media (min-width: 1100px) { .khs-footer__grid { grid-template-columns: 2fr 1fr 1fr 1fr 1.2fr; } }

.khs-footer__logo { font-size: var(--khs-fs-20); font-weight: 800; color: #fff; }
.khs-footer__desc { margin-top: var(--khs-s3); font-size: var(--khs-fs-13); line-height: 1.9; }
.khs-footer__contact a { display: inline-flex; align-items: center; gap: 6px; color: #fff; font-weight: 700; }
.khs-footer__contact .khs-icon { width: 18px; height: 18px; }

.khs-footer__heading {
	color: #fff; font-size: var(--khs-fs-14); font-weight: 800;
	margin-bottom: var(--khs-s3); padding-bottom: var(--khs-s2);
	border-bottom: 1px solid rgba(255,255,255,.12);
}
.khs-footer__menu li a {
	display: block; padding-block: 6px; color: #B9CCDC; font-size: var(--khs-fs-13);
}
.khs-footer__menu li a:hover { color: #fff; }

.khs-footer__bottom {
	display: flex; flex-wrap: wrap; gap: var(--khs-s3); justify-content: space-between;
	border-top: 1px solid rgba(255,255,255,.12);
	padding-block: var(--khs-s4);
	font-size: var(--khs-fs-12);
}
.khs-footer__up { color: #fff; }

/* بازگشت به بالا — hover روی پس‌زمینه تیره فوتر گم نمی‌شود */
.khs-footer__up {
	padding: 6px 14px; border-radius: var(--khs-radius);
	border: 1px solid rgba(255, 255, 255, .25);
	transition: all var(--khs-dur) var(--khs-ease);
}
.khs-footer__up:hover {
	color: var(--khs-accent); border-color: var(--khs-accent);
	background: transparent; text-decoration: none;
}
.khs-footer__contact { display: grid; gap: 6px; }
.khs-footer__contact a { display: inline-flex; align-items: center; gap: 6px; color: #fff; text-decoration: none; }
.khs-footer__contact a:hover { color: var(--khs-accent); }
.khs-footer__addr { font-size: var(--khs-fs-13); color: #CBDCEA; margin: var(--khs-s2) 0 0; }
.khs-footer__enamad { margin-top: var(--khs-s3); }
.khs-footer__enamad img { border-radius: 8px; }

/* ---- ستون شبکه‌های اجتماعی + اینماد ---- */
.khs-footer__social { min-width: 0; }
.khs-footer__social-list {
	display: flex; flex-wrap: nowrap; gap: 8px; list-style: none;
	margin: 0; padding: 0;
}
.khs-footer__social-list a {
	width: 34px; height: 34px; border-radius: 10px;
	display: grid; place-items: center;
	background: rgba(255, 255, 255, .08);
	transition: transform var(--khs-dur) var(--khs-ease), background var(--khs-dur) var(--khs-ease);
}
.khs-footer__social-list svg { width: 19px; height: 19px; }
.khs-footer__social-list a:hover { transform: translateY(-3px); background: rgba(255, 255, 255, .16); }
.khs-footer__social-list svg { display: block; }
.khs-footer__enamad-badge {
	display: inline-flex; align-items: center; justify-content: center;
	background: #fff; border-radius: 12px;
	width: 78px; height: 88px; margin-top: var(--khs-s3); padding: 8px;
}
.khs-footer__enamad-badge svg { max-width: 56px; max-height: 70px; width: auto; height: auto; }
