/*
 * SHIFT.camp — فوتر سایت (DESIGN.md نسخه‌ی ۲ — فقط توکن‌های sc-tokens.css)
 * اضافه‌شده: 1 آبان 1405 · تبدیل به توکن: 2 آبان 1405 (2026-10-24)
 * محتوا: UX Block «Footer» (نامک footer) — با UX Builder ویرایش می‌شود؛ هنگام مهاجرت به گوتنبرگ بازسازی می‌شود.
 * بارگذار: wp-content/novamira-sandbox/shift-footer.php
 * پشتیبان: footer/_backup-2026-10-24/shift-footer.css
 */

/* نوار پایینی پیش‌فرض قالب حذف شد؛ کپی‌رایت داخل خود بلوک است */
#footer .absolute-footer { display: none; }

#footer .shift-footer {
	background: var(--sc-inverse) !important;
	color: var(--sc-on-inverse-text);
	padding-top: var(--sc-space-7) !important;
	padding-bottom: 0 !important;
	font-size: var(--sc-body-s-size);
	line-height: 1.5;
}
#footer .shift-footer .section-bg { background: var(--sc-inverse) !important; }

.shift-footer a { color: var(--sc-on-inverse-text); text-decoration: none; transition: var(--sc-transition); }
.shift-footer a:hover { color: var(--sc-on-inverse); }
.shift-footer a:focus-visible { outline: 2px solid var(--sc-focus); outline-offset: 2px; }
.shift-footer p { margin: 0; text-align: right; }
.shift-footer .text p:empty { display: none; }

/* ستون برند */
.shift-footer .sf-brand-inner { display: flex; flex-direction: column; gap: var(--sc-space-4); align-items: flex-start; }
.shift-footer .sf-main { display: flex; flex-direction: column; gap: 14px; }
.shift-footer .sf-logo img { display: block; height: auto; width: 130px; max-width: none; opacity: .5; }
.shift-footer .sf-logo:hover img { opacity: 1; }
.shift-footer .sf-tagline { font-size: var(--sc-body-s-size); color: var(--sc-on-inverse-text); }
.shift-footer .sf-kh { align-self: stretch; padding-top: var(--sc-space-4); border-top: var(--sc-border) solid var(--sc-inverse-line); }

/* ستون‌های لینک (عنوان براکت‌دار در محتوای بلوک) */
.shift-footer .sf-title { margin: 0 0 20px; font-size: var(--sc-label-l-size); font-weight: var(--sc-weight-bold); color: var(--sc-on-inverse); line-height: 1.5; }
.shift-footer ul.sf-links { list-style: none; margin: 0; padding: 0; }
.shift-footer ul.sf-links li { list-style: none; margin: 0 0 14px; padding: 0; font-size: var(--sc-body-s-size); }

/* کادر تماس */
.shift-footer .sf-contact > .col-inner {
	background: var(--sc-inverse-card);
	border: var(--sc-border) solid var(--sc-inverse-card-line);
	border-radius: var(--sc-radius-md);
	padding: 28px;
}
.shift-footer .sf-contact h3 { margin: 0 0 14px; font-size: var(--sc-title-l-size); font-weight: var(--sc-weight-bold); line-height: var(--sc-title-l-lh); color: var(--sc-on-inverse); }
.shift-footer .sf-contact p { color: var(--sc-on-inverse-strong); line-height: 1.9; margin-bottom: 22px; }
.shift-footer .sf-btns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--sc-space-2); }
/* دکمه‌های بله/تلگرام = Filled روی زمینه‌ی تیره (سفید با متن ink) */
.shift-footer a.sf-btn {
	height: var(--sc-touch); display: flex; align-items: center; justify-content: center; gap: var(--sc-space-2);
	background: var(--sc-on-inverse); color: var(--sc-ink); border-radius: var(--sc-radius-sm);
	font-size: var(--sc-label-l-size); font-weight: var(--sc-weight-bold); white-space: nowrap;
}
.shift-footer a.sf-btn:hover { background: var(--sc-line); color: var(--sc-ink); }
.shift-footer a.sf-btn svg { width: 18px; height: 18px; flex-shrink: 0; color: var(--sc-accent); }

/* نوار پایینی */
.shift-footer .sf-bottom-col { padding-bottom: 0 !important; }
.shift-footer .sf-bottom {
	border-top: var(--sc-border) solid var(--sc-inverse-line);
	padding: 20px 0 var(--sc-space-4);
	display: flex; justify-content: space-between; align-items: center; gap: var(--sc-space-4);
	font-size: var(--sc-label-m-size); line-height: 1.6;
}
.shift-footer .sf-legal { display: flex; flex-direction: column; gap: 2px; }
.shift-footer .sf-copy { direction: ltr; text-align: right; color: var(--sc-on-inverse-muted); }
.shift-footer .sf-badges { display: flex; gap: var(--sc-space-2); flex-shrink: 0; }
.shift-footer .sf-badges a {
	width: 52px; height: 52px; box-sizing: border-box; padding: 6px;
	background: var(--sc-on-inverse); border-radius: var(--sc-radius-sm);
	display: flex; align-items: center; justify-content: center;
}
.shift-footer .sf-badges img { display: block; max-width: 100%; max-height: 100%; width: auto; height: auto; }
.shift-footer .sf-badges a.sf-zp img { width: 32px; height: 32px; }

/* تبلت */
@media (min-width: 550px) and (max-width: 849px) {
	.shift-footer .sf-btns { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 849px) {
	.shift-footer .sf-brand-inner { flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-between; }
	.shift-footer .sf-kh { align-self: auto; padding-top: 0; border-top: 0; }
}

/* موبایل (اندازه‌های تایپ از خود توکن‌ها) */
@media (max-width: 549px) {
	#footer .shift-footer { padding-top: var(--sc-space-6) !important; }
	.shift-footer .sf-brand { order: -2; }
	.shift-footer .sf-contact { order: -1; }
	.shift-footer .sf-logo img { width: 110px; }

	/* logos: no paragraph margin, vertically centered */
	.shift-footer .sf-brand-inner > * { margin: 0; padding: 0; }
	.shift-footer .sf-brand-inner > p { line-height: 0; }
	.shift-footer .sf-logo { display: block; line-height: 0; }
	.shift-footer .sf-brand-inner { align-items: center; gap: var(--sc-space-3); }
	.shift-footer .sf-tagline { font-size: var(--sc-label-m-size); }
	.shift-footer .sf-contact > .col-inner { padding: var(--sc-space-4); }
	.shift-footer ul.sf-links li { margin: 0; }
	.shift-footer ul.sf-links li a { display: flex; align-items: center; min-height: var(--sc-touch); }
	.shift-footer .sf-title { margin-bottom: 6px; }
	.shift-footer .sf-bottom { flex-direction: column-reverse; text-align: center; gap: 14px; padding-bottom: 72px; } /* جا برای دکمه‌های شناور */
	.shift-footer .sf-copy { text-align: center; }
	.shift-footer .sf-badges a { width: 48px; height: 48px; }
}
