/**
 * FOOTER — فوتر سایت
 * وابسته به: styles/base/tokens.css
 * استفاده در PHP: template-parts/sections/footer.php
 *
 * پس‌زمینه تیره (برعکس بقیه صفحه) تا فوتر به‌عنوان «پایان» بصری صفحه
 * حس شود؛ همان پالت قهوه‌ای/زرشکی تیره‌ی به‌کاررفته در contact.css.
 */

.site-footer {
	background-color: var(--color-bg-dark);
	color: var(--color-sofreh-200);
	padding-top: var(--space-16);
}

.site-footer__inner {
	max-width: 1100px;
	margin-inline: auto;
	padding-inline: var(--space-6);
	padding-bottom: var(--space-12);
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--space-10);
	text-align: center;
}

@media (min-width: 768px) {
	.site-footer__inner {
		grid-template-columns: 1.2fr 1fr;
		text-align: right;
	}
}

/* --- ستون برند --- */

.site-footer .site-logo {
	margin-bottom: var(--space-4);
	color: var(--color-sofreh-100);
}

.site-footer .site-logo:hover {
	color: var(--color-sofreh-100);
}

.site-footer .site-logo__text {
	color: var(--color-sofreh-100);
}

.site-footer .site-logo__mark {
	width: 56px;
	height: 52px;
}

.site-footer__tagline {
	margin: 0 0 var(--space-3);
	font-size: var(--font-size-md);
	font-weight: var(--font-weight-bold);
	color: var(--color-sofreh-100);
}

.site-footer__english {
	margin: 0 0 var(--space-4);
	font-size: var(--font-size-xs);
	color: var(--color-brown-300);
	max-width: none;
}

.site-footer__keywords {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--space-2);
	margin: 0;
	padding: 0;
	font-size: var(--font-size-sm);
	color: var(--color-tala-300);
	font-weight: var(--font-weight-bold);
}

@media (min-width: 768px) {
	.site-footer__keywords {
		justify-content: flex-start; /* در RTL یعنی شروع از راست */
	}
}

.site-footer__keywords li {
	display: inline-flex;
	align-items: center;
	gap: var(--space-2);
}

/* --- ستون تماس --- */

.site-footer__contact {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--space-3);
}

@media (min-width: 768px) {
	.site-footer__contact {
		align-items: flex-end; /* در RTL یعنی چسبیدن به سمت راست */
	}
}

.site-footer__contact-link {
	color: var(--color-sofreh-100);
	font-weight: var(--font-weight-bold);
	min-height: var(--tap-target-min);
	display: inline-flex;
	align-items: center;
}

.site-footer__contact-link:hover {
	color: var(--color-tala-300);
}

.site-footer__delivery {
	margin: var(--space-2) 0 0;
	font-size: var(--font-size-sm);
	color: var(--color-brown-300);
}

/* --- خط پایانی کپی‌رایت --- */

.site-footer__bottom {
	border-top: 1px solid rgba(250, 243, 232, 0.12);
	padding-block: var(--space-5);
}

.site-footer__bottom p {
	margin: 0;
	max-width: none;
	text-align: center;
	font-size: var(--font-size-xs);
	color: var(--color-brown-300);
}