/* ═══════════════════════════════════════════════════════════════
   PF Store — فوتر سفارشی (روشن و مینیمال، RTL)
   متغیرهای --ph-* از header.css به ارث می‌رسند
   ═══════════════════════════════════════════════════════════════ */

/* مخفی‌کردن فوتر بومی Blocksy — فوتر ما جایگزین می‌شود */
#footer.ct-footer { display: none !important; }

.pfs-footer,
.pfs-footer * { box-sizing: border-box; font-family: inherit; }

.pfs-footer {
	background: var(--ph-soft, var(--pf-surface-2));
	border-top: 1px solid var(--ph-border, var(--pf-line));
	color: var(--ph-ink, var(--pf-ink));
	direction: rtl;
	font-size: 14px;
	margin-block-start: 3rem;
}

.pfs-f-container {
	max-width: var(--pfs-max);
	margin-inline: auto;
	padding-inline: var(--pfs-gutter);
}

/* ── ۱) نوار مزیت‌ها (Trust) ────────────────────────────────── */
.pfs-f-trust {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	gap: 1rem;
	padding-block: 1.75rem;
	border-bottom: 1px solid var(--ph-border, var(--pf-line));
}
.pfs-f-trust__item {
	display: flex;
	align-items: center;
	gap: .85rem;
	justify-content: center;
}
.pfs-f-trust__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px; height: 50px;
	border-radius: var(--pf-radius);
	color: #fff;
	font-size: 26px;
	flex-shrink: 0;
}
.pfs-f-trust__item--registry   .pfs-f-trust__icon { background: linear-gradient(135deg, var(--pf-info), var(--pf-info)); }
.pfs-f-trust__item--processing .pfs-f-trust__icon { background: linear-gradient(135deg, #f0759b, #e0568a); }
.pfs-f-trust__item--shipping   .pfs-f-trust__icon { background: linear-gradient(135deg, color-mix(in srgb, var(--pf-primary) 72%, var(--pf-surface)), var(--pf-primary)); }
.pfs-f-trust__item--support    .pfs-f-trust__icon { background: linear-gradient(135deg, var(--ph-accent, var(--pf-primary)), var(--pf-primary-dark)); }
.pfs-f-trust__item--guarantee  .pfs-f-trust__icon { background: linear-gradient(135deg, var(--pf-success), var(--pf-success)); }
.pfs-f-trust__item--return     .pfs-f-trust__icon { background: linear-gradient(135deg, #9a7dff, #7c5cff); }
.pfs-f-trust__title { font-weight: 700; font-size: 13.5px; }
.pfs-f-trust__sub { font-size: 12px; color: var(--ph-muted, var(--pf-muted)); margin-top: 2px; }

/* ── ۲) ستون‌های اصلی ──────────────────────────────────────── */
.pfs-f-main {
	display: grid;
	grid-template-columns: 1.4fr 1fr 1fr 1.2fr;
	gap: 2rem;
	padding-block: 2.5rem;
}

.pfs-f-col__title {
	font-size: 15px;
	font-weight: 700;
	margin: 0 0 1.1rem;
	position: relative;
	padding-inline-start: .65rem;
}
.pfs-f-col__title::before {
	content: '';
	position: absolute;
	inset-inline-start: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 4px; height: 18px;
	border-radius: 3px;
	background: var(--ph-accent, var(--pf-primary));
}

/* آکاردئون ستون‌ها — فقط زیر ۷۲۰px فعال می‌شود (پایین‌تر: override) */
.pfs-f-acc summary {
	list-style: none;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.pfs-f-acc summary::-webkit-details-marker { display: none; }
.pfs-f-acc summary::marker { content: ''; }
.pfs-f-acc summary::after {
	content: '\ea5f';
	font-family: 'tabler-icons' !important;
	font-size: 16px;
	color: var(--ph-muted, var(--pf-muted));
	transition: transform .2s;
	flex-shrink: 0;
}
.pfs-f-acc[open] summary::after { transform: rotate(180deg); }

.pfs-f-col__links { list-style: none; margin: 0; padding: 0; }
.pfs-f-col__links li { margin-bottom: .65rem; }
.pfs-f-col__links a {
	display: inline-flex;
	align-items: center;
	gap: .45rem;
	color: var(--ph-muted, var(--pf-muted));
	text-decoration: none;
	font-size: 13.5px;
	transition: color .2s, padding-inline-start .2s;
}
.pfs-f-col__links a i { font-size: 15px; color: var(--pf-muted); transition: color .2s; }
.pfs-f-col__links a:hover { color: var(--ph-accent-d, var(--pf-primary-ink)); padding-inline-start: .25rem; }
.pfs-f-col__links a:hover i { color: var(--ph-accent, var(--pf-primary-ink)); }

/* ستون برند */
.pfs-f-brand__logo { display: inline-flex; align-items: center; margin-bottom: 1rem; }
.pfs-f-brand__logo img { max-height: 46px; width: auto; }
.pfs-f-brand__logo-text { font-size: 1.3rem; font-weight: 800; letter-spacing: -.5px; color: var(--ph-ink, var(--pf-ink)); }
.pfs-f-brand__logo-text span { color: var(--ph-accent, var(--pf-primary-ink)); }
.pfs-f-brand__desc {
	color: var(--ph-muted, var(--pf-muted));
	font-size: 13px;
	line-height: 2;
	margin-bottom: 1.25rem;
	max-width: 340px;
}

/* تماس */
.pfs-f-contact { list-style: none; margin: 0 0 1.25rem; padding: 0; }
.pfs-f-contact li {
	display: flex;
	align-items: flex-start;
	gap: .6rem;
	margin-bottom: .8rem;
	font-size: 13px;
	color: var(--ph-muted, var(--pf-muted));
	line-height: 1.8;
}
.pfs-f-contact li i { color: var(--ph-accent, var(--pf-primary-ink)); font-size: 18px; margin-top: 2px; flex-shrink: 0; }
.pfs-f-contact a { color: inherit; text-decoration: none; }
.pfs-f-contact a:hover { color: var(--ph-accent-d, var(--pf-primary-ink)); }

/* شبکه‌های اجتماعی */
.pfs-f-social { display: flex; gap: .55rem; }
.pfs-f-social a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px; height: 40px;
	border-radius: var(--pf-radius-sm);
	background: var(--pf-surface);
	border: 1px solid var(--ph-border, var(--pf-line));
	color: var(--ph-muted, var(--pf-muted));
	font-size: 20px;
	text-decoration: none;
	transition: all .2s;
}
.pfs-f-social a:hover {
	background: var(--ph-accent, var(--pf-primary));
	border-color: var(--ph-accent, var(--pf-primary));
	color: var(--pf-on-primary);
	transform: translateY(-2px);
}

/* نمادها (اعتماد / پرداخت) */
.pfs-f-badge {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: .35rem;
	width: 92px; height: 92px;
	border-radius: var(--pf-radius);
	background: var(--pf-surface);
	border: 1px solid var(--ph-border, var(--pf-line));
	color: var(--ph-muted, var(--pf-muted));
	font-size: 11px;
	text-align: center;
	text-decoration: none;
	padding: .5rem;
	transition: border-color .2s, box-shadow .2s;
}
.pfs-f-badge:hover { border-color: var(--ph-accent, var(--pf-primary)); box-shadow: 0 2px 10px rgba(17, 24, 39, .06); }
.pfs-f-badge i { font-size: 28px; color: var(--ph-accent, var(--pf-primary-ink)); }
.pfs-f-badge img { max-width: 100%; max-height: 56px; }

/* نمادها با لوگوی رسمی خودشان — فقط تصویر، بدون آیکون/متن */
.pfs-f-badge--logo { padding: .7rem; }
.pfs-f-badge--logo img { width: auto; height: auto; max-width: 100%; max-height: 52px; object-fit: contain; }

/* نوار نمادهای اصلی — همیشه نمایان (بدون آکاردئون) */
.pfs-f-trustbar {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: .75rem;
	padding-block: 1.1rem;
	border-top: 1px solid var(--ph-border, var(--pf-line));
}

/* ── ۳) نوار پایین ─────────────────────────────────────────── */
.pfs-f-bottom {
	border-top: 1px solid var(--ph-border, var(--pf-line));
	padding-block: 1.25rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	flex-wrap: wrap;
}
.pfs-f-copy { font-size: 12.5px; color: var(--ph-muted, var(--pf-muted)); line-height: 1.9; }
.pfs-f-copy strong { color: var(--ph-ink, var(--pf-ink)); }
.pfs-f-pay { display: flex; align-items: center; gap: .5rem; color: var(--ph-muted, var(--pf-muted)); font-size: 12.5px; }
.pfs-f-pay i { font-size: 22px; color: var(--ph-accent, var(--pf-primary-ink)); }

/* ── خبرنامه (فرم عضویت) ───────────────────────────────────── */
.pfs-f-news { margin-bottom: 1.25rem; max-width: 340px; }
.pfs-f-news__title {
	display: flex;
	align-items: center;
	gap: .45rem;
	font-size: 13.5px;
	font-weight: 700;
	margin-bottom: .75rem;
	color: var(--ph-ink, var(--pf-ink));
}
.pfs-f-news__title i { color: var(--ph-accent, var(--pf-primary-ink)); font-size: 18px; }
.pfs-f-news__form {
	display: flex;
	gap: .5rem;
	background: var(--pf-surface);
	border: 1px solid var(--ph-border, var(--pf-line));
	border-radius: var(--pf-radius);
	padding: .35rem;
	transition: border-color .2s;
}
.pfs-f-news__form:focus-within { border-color: var(--ph-accent, var(--pf-primary)); }
.pfs-f-news__input {
	flex: 1;
	min-width: 0;
	border: 0;
	background: transparent;
	padding: .55rem .75rem;
	font-size: 13.5px;
	color: var(--ph-ink, var(--pf-ink));
	font-family: inherit;
	outline: none;
	text-align: start;
	direction: ltr;
}
.pfs-f-news__input::placeholder { color: var(--ph-muted, var(--pf-muted)); direction: rtl; text-align: right; }
.pfs-f-news__btn {
	flex-shrink: 0;
	border: 0;
	border-radius: 9px;
	background: var(--ph-accent, var(--pf-primary));
	color: var(--pf-on-primary);
	font-family: inherit;
	font-size: 13.5px;
	font-weight: 700;
	padding: 0 1.4rem;
	cursor: pointer;
	transition: background .2s;
}
.pfs-f-news__btn:hover:not(:disabled) { background: var(--ph-accent-d, var(--pf-primary-dark)); }
.pfs-f-news__btn:disabled { opacity: .6; cursor: default; }
.pfs-f-news__msg {
	margin: .6rem 0 0;
	font-size: 12.5px;
	line-height: 1.7;
	min-height: 1em;
}
.pfs-f-news__msg.is-ok  { color: var(--pf-success); }
.pfs-f-news__msg.is-err { color: var(--pf-danger); }

/* ── دکمه برگشت به بالا ────────────────────────────────────── */
.pfs-totop {
	position: fixed;
	inset-inline-end: 22px;
	bottom: 22px;
	width: 46px; height: 46px;
	border-radius: var(--pf-radius);
	background: var(--ph-accent, var(--pf-primary));
	color: var(--pf-on-primary);
	border: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	cursor: pointer;
	box-shadow: 0 6px 18px color-mix(in srgb, var(--pf-primary) 40%, transparent);
	opacity: 0;
	visibility: hidden;
	transform: translateY(12px);
	transition: opacity .25s, transform .25s, visibility .25s, background .2s;
	z-index: 998;
}
.pfs-totop.is-visible { opacity: 1; visibility: visible; transform: translateY(0); }
.pfs-totop:hover { background: var(--ph-accent-d, var(--pf-primary-dark)); }

/* ── ریسپانسیو ─────────────────────────────────────────────── */
@media (max-width: 1024px) {
	.pfs-f-main { grid-template-columns: 1fr 1fr; gap: 2rem 1.5rem; }
	.pfs-f-brand { grid-column: 1 / -1; }
}

/* دسکتاپ/تبلت (>۷۲۰px): آکاردئون غیرفعال — همیشه باز و بدون فلش/کلیک */
@media (min-width: 721px) {
	.pfs-f-acc summary { cursor: default; pointer-events: none; }
	.pfs-f-acc summary::after { display: none; }
	/* کروم جدید محتوای بسته‌ی <details> را داخل شبه‌المان ::details-content مخفی می‌کند؛
	   override قدیمی روی فرزندهای مستقیم برای این شبه‌المان اثر نداشت */
	.pfs-f-acc > *:not(summary) { display: block !important; }
	.pfs-f-acc::details-content {
		content-visibility: visible !important;
		display: block !important;
		height: auto !important;
		overflow: visible !important;
	}
}

@media (max-width: 720px) {
	.pfs-footer { margin-block-start: 1.75rem; font-size: 13px; }

	/* نوار مزیت‌ها → نوار افقی قابل‌اسکرول و جمع‌وجور */
	.pfs-f-trust {
		display: flex;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
		gap: .75rem;
		padding-block: 1rem;
		padding-inline: var(--pfs-gutter);
		margin-inline: calc(-1 * var(--pfs-gutter));
	}
	.pfs-f-trust::-webkit-scrollbar { display: none; }
	.pfs-f-trust__item {
		flex: 0 0 auto;
		scroll-snap-align: start;
		justify-content: flex-start;
		min-width: 200px;
		gap: .6rem;
	}
	.pfs-f-trust__icon { width: 38px; height: 38px; border-radius: var(--pf-radius-sm); font-size: 20px; }
	.pfs-f-trust__title { font-size: 12.5px; }
	.pfs-f-trust__sub { font-size: 11px; }

	.pfs-f-main { padding-block: 1.5rem; gap: 1.25rem; }
	.pfs-f-col__title { margin-bottom: 0; padding-block: .85rem; }
	.pfs-f-col--accordion { border-bottom: 1px solid var(--ph-border, var(--pf-line)); }
	.pfs-f-acc[open] .pfs-f-col__title { margin-bottom: .5rem; }
	.pfs-f-col__links li,
	.pfs-f-contact li { margin-bottom: .55rem; }
	.pfs-f-acc .pfs-f-contact { padding-bottom: .85rem; }

	.pfs-f-brand__desc {
		max-width: none;
		font-size: 12.5px;
		line-height: 1.8;
		margin-bottom: 1rem;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
	.pfs-f-news { margin-bottom: 1rem; max-width: none; }

	/* نمادهای اعتماد — جمع‌وجورتر روی موبایل */
	.pfs-f-trustbar { gap: .5rem; padding-block: .85rem; }
	.pfs-f-trustbar .pfs-f-badge { width: 72px; height: 72px; font-size: 10px; padding: .35rem; }
	.pfs-f-trustbar .pfs-f-badge img { max-height: 44px; }
	.pfs-f-trustbar .pfs-f-badge i { font-size: 22px; }
}

@media (max-width: 560px) {
	.pfs-f-main { grid-template-columns: 1fr; gap: 0; }
	.pfs-f-brand { padding-bottom: 1.25rem; border-bottom: 1px solid var(--ph-border, var(--pf-line)); margin-bottom: .25rem; }
	.pfs-f-bottom { flex-direction: column; align-items: flex-start; padding-block: 1rem; gap: .5rem; }
	.pfs-totop { inset-inline-end: 14px; bottom: 14px; }
}
