/* Daryani Core — assets/store/store.css (فاز ۸ح) — پیل + مُدالِ انتخابِ شعبه. RTL-first. */

/* پیلِ شعبه = دقیقاً همان استایلِ چیپِ موقعیت (.daryani-geo-chip در chrome.css) تا در ردیفِ
 * هدر کاملاً یکدست باشند (خواستهٔ مالک). همان توکن‌های قالب. */
.daryani-store-pill {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: var(--color-surface-2);
	border: 1.5px solid var(--color-border-2);
	border-radius: var(--radius-full);
	padding: 9px 14px;
	font-family: var(--font-family);
	font-size: 12.5px;
	font-weight: 700;
	color: var(--color-on-surface-2);
	cursor: pointer;
	flex-shrink: 0;
	transition: border-color var(--dur-base), color var(--dur-base);
}
.daryani-store-pill:hover { border-color: var(--color-primary); color: var(--color-primary); }
.daryani-store-pill:active { transform: scale(.97); }
.daryani-store-pill svg { width: 16px; height: 16px; color: var(--color-primary); flex-shrink: 0; }
.daryani-store-pill__label { font-weight: 700; }

/* برچسبِ شعبه روی کارتِ محصول */
.daryani-card-store {
	margin-block: 4px 2px;
	font-size: 12px;
	color: var(--daryani-muted, #777);
	display: flex;
	align-items: center;
	gap: 4px;
}

/* مُدال */
.daryani-store-modal[hidden] { display: none; }
.daryani-store-modal {
	position: fixed;
	inset: 0;
	z-index: 100000;
	display: flex;
}
.daryani-store-modal__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, .5);
}
.daryani-store-modal__panel {
	position: relative;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	background: var(--daryani-surface, #fff);
	color: var(--daryani-text, #222);
}
/* Bug#1 — دسکتاپ/تبلت (≥۶۰۱): کشویِ کناریِ تمام‌قد از سمتِ راست (RTL) — دقیقاً مثلِ مودالِ آدرس و سبدِ خرید. */
@media (min-width: 601px) {
	.daryani-store-modal { justify-content: flex-start; }
	.daryani-store-modal__panel {
		width: min(500px, 100vw); height: 100vh; box-shadow: 0 0 60px rgba(0, 0, 0, .35);
		animation: daryani-store-side .28s ease;
	}
	@keyframes daryani-store-side { from { transform: translateX(100%); } to { transform: none; } }
}
/* موبایل (≤۶۰۰): بوتم‌شیت — از پایین به بالا، تمام‌عرض، گوشه‌های بالا گرد. */
@media (max-width: 600px) {
	.daryani-store-modal { align-items: flex-end; }
	.daryani-store-modal__panel {
		width: 100%; max-height: 92vh; border-radius: 18px 18px 0 0;
		animation: daryani-store-up .28s ease;
	}
	@keyframes daryani-store-up { from { transform: translateY(100%); } to { transform: none; } }
}
@media (prefers-reduced-motion: reduce) { .daryani-store-modal__panel { animation: none; } }

.daryani-store-modal__head {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 14px 18px;
	border-bottom: 1px solid var(--daryani-border, #eee);
	font-size: 16px;
	font-weight: 800; /* Bug#1 — هم‌تراز با سرِ مودالِ آدرس */
}
/* Bug#1 — دکمهٔ بستن دقیقاً مثلِ مودالِ آدرس: سایز/گردی/هاور + transition (نه محوشدن روی هاور). */
.daryani-store-modal__close {
	border: 0;
	background: none;
	font-size: 22px;
	line-height: 1;
	cursor: pointer;
	color: var(--daryani-muted, #777);
	width: 32px; height: 32px; border-radius: 8px;
	display: inline-flex; align-items: center; justify-content: center;
	transition: color .15s ease, background .15s ease;
}
.daryani-store-modal__close:hover { color: var(--daryani-text, #222); background: var(--daryani-surface-2, #f1f1f1); }
.daryani-store-modal__body { flex: 1; overflow-y: auto; padding: 16px 18px 24px; }
.daryani-store-locate { margin-bottom: 12px; }
.daryani-store-map {
	height: clamp(180px, 38vh, 280px); /* روی موبایلِ کوتاه لیست زیرِ نقشه دیده شود */
	width: 100%;
	border-radius: 12px;
	margin-bottom: 14px;
	background: #eef1f4;
}

/* لیستِ شعبه‌ها */
.daryani-store-cards { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.daryani-store-card {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 12px 14px;
	border: 1px solid var(--daryani-border, #e6e6e6);
	border-radius: 12px;
}
.daryani-store-card.is-current { border-color: var(--daryani-accent, #c47c08); background: var(--daryani-accent-weak, #fef8ec); }
.daryani-store-card__main { min-width: 0; flex: 1; }
.daryani-store-card__title { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.daryani-store-card__thumb {
	flex: 0 0 auto; width: 48px; height: 48px; border-radius: 10px; overflow: hidden;
	display: flex; align-items: center; justify-content: center; font-size: 24px;
	background: var(--daryani-accent-weak, #fef8ec);
}
.daryani-store-card__thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.daryani-store-card__meta { font-size: 12px; color: var(--daryani-muted, #777); margin-top: 3px; }
/* تیکِ آبیِ تأیید + سطحِ برنز/نقره/طلا */
.daryani-store-vtick { display: inline-flex; align-items: center; color: #2E5BE8; }
.daryani-store-vtick svg { display: block; }
.daryani-store-tier { display: inline-block; font-size: 10px; font-weight: 800; line-height: 1; padding: 3px 7px; border-radius: 999px; color: #fff; }
.daryani-store-tier--bronze { background: linear-gradient(135deg, #b87333, #8c5a2b); }
.daryani-store-tier--silver { background: linear-gradient(135deg, #9aa3ad, #6b7280); }
.daryani-store-tier--gold { background: linear-gradient(135deg, #e0b341, #c7951a); color: #3a2c00; }
/* خوشهٔ نقشه (#۳۴) */
.daryani-cluster-wrap { background: transparent; border: 0; }
.daryani-cluster {
	width: 40px; height: 40px; border-radius: 50%;
	display: flex; align-items: center; justify-content: center;
	background: var(--daryani-accent, #c47c08); color: #fff;
	font-weight: 800; font-size: 14px;
	box-shadow: 0 0 0 4px rgba(196,124,8,.28), 0 3px 8px rgba(0,0,0,.25);
}
/* نشانِ باز/بسته (#۵) */
.daryani-store-oc { display: inline-flex; align-items: center; gap: 5px; font-size: 11px; font-weight: 800; padding: 2px 8px; border-radius: 999px; }
.daryani-store-oc.is-open { background: #e7f7ec; color: #16a34a; }
.daryani-store-oc.is-closed { background: #fdecec; color: #dc2626; }
.daryani-store-oc__dot { width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
/* پاپ‌آپِ پین: مسیریابی + صفحهٔ فروشگاه (#۱) */
.daryani-store-pop__routes { margin: 6px 0; font-size: 12px; }
.daryani-store-pop__routes a, .daryani-store-pop__page { color: var(--daryani-accent, #c47c08); font-weight: 700; }
.daryani-store-pop__page { display: inline-block; margin: 4px 8px 6px 0; }
/* صفحهٔ اختصاصیِ فروشگاه (#۲) */
.daryani-store-single { max-width: 760px; margin-inline: auto; padding: 16px; }
.daryani-store-single__img img { width: 100%; max-height: 280px; object-fit: cover; border-radius: 14px; display: block; }
.daryani-store-single__name { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin: 14px 0 6px; }
.daryani-store-single__map { height: 320px; border-radius: 14px; overflow: hidden; margin: 12px 0; background: #eef1f4; }
.daryani-store-single__routes { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 14px; }
.daryani-store-card__badge {
	display: inline-block;
	font-size: 11px;
	padding: 1px 7px;
	border-radius: 999px;
	background: var(--daryani-accent, #c47c08);
	color: #fff;
	margin-inline-start: 6px;
}
.daryani-store-select {
	flex: 0 0 auto;
	padding: 7px 16px;
	border: 0;
	border-radius: 10px;
	background: var(--daryani-accent, #c47c08);
	color: #fff;
	font: inherit;
	font-size: 13px;
	cursor: pointer;
	transition: filter .15s ease, transform .15s ease;
}
.daryani-store-select:hover { filter: brightness(1.06); }
.daryani-store-select:active { transform: scale(.96); }
.daryani-store-card.is-current .daryani-store-select { background: var(--daryani-muted, #999); cursor: default; }

body.daryani-store-open { overflow: hidden; }