/**
 * بَج‌های گرافیکی محصول — تگ پک کشور + چیپ‌های مشخصات (حافظه/رم/شبکه)
 * مشترک بین کارت فروشگاه و صفحه‌ی محصول. لود در inc/product-badges.php.
 *
 * @package blocksy-child
 */

:root {
	--pb-radius: 999px;
	--pb-pack-bg: linear-gradient(135deg, #e53e3e, #b91c1c);
	--pb-pack-fg: #ffffff;
	--pb-pack-global-bg: linear-gradient(135deg, #0ea5e9, #0369a1);
	--pb-chip-bg: #f3f4f6;
	--pb-chip-fg: #374151;
	--pb-chip-border: #e5e7eb;
	/* چیپ‌های مشخصات — سبک مینیمال «تینت ملایم + متن هم‌خانواده» (یکدست در کارت/PDP/چک‌اوت). */
	--pb-storage-bg: #e6f1fb;
	--pb-storage-fg: #185fa5;
	--pb-storage-border: #cfe2f6;
	--pb-ram-bg: #eeedfe;
	--pb-ram-fg: #534ab7;
	--pb-ram-border: #dad7f8;
	--pb-net-bg: #e1f5ee;
	--pb-net-fg: #0f6e56;
	--pb-net-border: #c3e8dc;
}

/* ── تگ پک کشور ─────────────────────────────────────────────── */
.pishro-pack-tag {
	display: inline-flex;
	align-items: center;
	gap: .3em;
	padding-block: .28em;
	padding-inline: .7em;
	font-size: .78rem;
	font-weight: 700;
	line-height: 1.4;
	color: var(--pb-pack-fg);
	background: var(--pb-pack-bg);
	border-radius: var(--pb-radius);
	box-shadow: 0 2px 6px rgba(185, 28, 28, .28);
	white-space: nowrap;
}
.pishro-pack-tag .ti {
	font-size: 1.05em;
	line-height: 1;
}
/* پک گلوبال (پیش‌فرض تبلت/شیائومی) — آبی، متمایز از پک کشوری قرمز. */
.pishro-pack-tag--global {
	background: var(--pb-pack-global-bg);
	box-shadow: 0 2px 6px rgba(3, 105, 161, .28);
}
.pishro-pdp-badges .pishro-pack-tag--global {
	box-shadow: 0 4px 12px rgba(3, 105, 161, .4);
}

/* ── چیپ‌های مشخصات ─────────────────────────────────────────── */
.pishro-spec-chips {
	display: flex;
	flex-wrap: wrap;
	gap: .4rem;
	align-items: center;
}
.pishro-spec-chip {
	display: inline-flex;
	align-items: center;
	gap: .3em;
	padding-block: .28em;
	padding-inline: .6em;
	font-size: .76rem;
	font-weight: 600;
	line-height: 1.4;
	color: var(--pb-chip-fg);
	background: var(--pb-chip-bg);
	border: 1px solid var(--pb-chip-border);
	border-radius: var(--pb-radius);
	white-space: nowrap;
}
.pishro-spec-chip .ti {
	font-size: 1.05em;
	line-height: 1;
}
.pishro-spec-chip--storage {
	color: var(--pb-storage-fg);
	background: var(--pb-storage-bg);
	border-color: var(--pb-storage-border);
}
.pishro-spec-chip--ram {
	color: var(--pb-ram-fg);
	background: var(--pb-ram-bg);
	border-color: var(--pb-ram-border);
}
.pishro-spec-chip--net {
	color: var(--pb-net-fg);
	background: var(--pb-net-bg);
	border-color: var(--pb-net-border);
}
.pishro-spec-chip--storage .ti { color: var(--pb-storage-fg); }
.pishro-spec-chip--ram .ti     { color: var(--pb-ram-fg); }
.pishro-spec-chip--net .ti     { color: var(--pb-net-fg); }
.pishro-spec-chip--net span[dir="ltr"] { font-weight: 700; }

/* ══════════ صفحه‌ی محصول (PDP) — شناور روی عکس اصلی ══════════ */
/* اطمینان از وجود مرجع موقعیت‌دهی برای overlayها (مثل بَج تخفیف و اکشن‌ها). */
.pishro-pdp-gallery-wrap {
	position: relative;
}
.pishro-pdp-badges {
	position: absolute;
	z-index: 5;
	/* زیر بَج «کمتر از قیمت» (سمت start) شروع می‌شود تا تداخل نکند. */
	inset-block-start: 3.5rem;
	inset-inline-end: .75rem;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: .4rem;
	margin: 0;
	max-width: calc(100% - 1.5rem);
	pointer-events: none;
}
/* روی عکس PDP چیپ‌ها هم عمودی (هرکدام در خط خود) و راست‌چین. */
.pishro-pdp-badges .pishro-spec-chips {
	flex-direction: column;
	align-items: flex-end;
	gap: .5rem;
}

/* ── روی PDP بَج‌ها تو‌چشم‌تر: بزرگ‌تر، رنگی‌پُر، سایه‌دار ── */
.pishro-pdp-badges .pishro-pack-tag {
	font-size: .92rem;
	padding-block: .42em;
	padding-inline: .95em;
	box-shadow: 0 4px 12px rgba(185, 28, 28, .4);
}
.pishro-pdp-badges .pishro-pack-tag .ti { font-size: 1.15em; }

.pishro-pdp-badges .pishro-spec-chip {
	font-size: .86rem;
	padding-block: .42em;
	padding-inline: .85em;
	box-shadow: 0 2px 6px rgba(0, 0, 0, .08);
}
.pishro-pdp-badges .pishro-spec-chip .ti {
	font-size: 1.15em;
}

/* ── پس از انتقال JS به داخل کارت گالری: ردیف افقی وسط‌چین در نوار زیر عکس ── */
.pishro-pdp-badges--in-gallery {
	position: static;
	inset: auto;
	max-width: 100%;
	margin: .9rem 0 0;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: .5rem;
	pointer-events: auto;
}
.pishro-pdp-badges--in-gallery .pishro-spec-chips {
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: .5rem;
}

/* ── موبایل: بَج‌های روی گالری فشرده‌تر ── */
@media (max-width: 768px) {
	.pishro-pdp-badges--in-gallery {
		gap: .35rem;
		margin-block-start: .7rem;
	}
	.pishro-pdp-badges--in-gallery .pishro-spec-chips {
		gap: .35rem;
	}
	.pishro-pdp-badges--in-gallery .pishro-pack-tag {
		font-size: .76rem;
		padding-block: .32em;
		padding-inline: .7em;
	}
	.pishro-pdp-badges--in-gallery .pishro-spec-chip {
		font-size: .72rem;
		padding-block: .32em;
		padding-inline: .6em;
	}
	.pishro-pdp-badges--in-gallery .pishro-pack-tag .ti,
	.pishro-pdp-badges--in-gallery .pishro-spec-chip .ti {
		font-size: 1.05em;
	}
}

/* ══════════ کارت فروشگاه ══════════ */
/* تگ پک درون ستون بَج‌های گوشه‌ی عکس قرار می‌گیرد (هم‌راستا با بَج تخفیف). */
.pishro-card__badges .pishro-pack-tag {
	font-size: .72rem;
}
/* ردیف چیپ‌ها در بدنه‌ی کارت */
.pishro-card__specs {
	margin-block-start: .55rem;
}
.pishro-card__specs .pishro-spec-chip {
	font-size: .7rem;
	padding-inline: .5em;
}