/* alez-cpn 2.2.0 — بلیت کوپن صفحهٔ اول (یاس، 2 مهر 1405؛ فهرست رفتارها ک-1 تا ک-6)
   ستون رنگی: نام نوع (بالا) · عدد · واحد. کنارش دو سطر متن و دایرهٔ انتخاب (کوپن خودکار: واژهٔ «خودکار» ته سطر اول).
   پهنا 296 (≤359px: 280) تا دو سطر متن تا حد ممکن یک‌خطی بمانند.
   اندازه‌ها فقط 20/15؛ هیچ نوشته‌ای زیر 15px نیست؛ رنگ تنها نشانه نیست (نام نوع، ✓، دلیل).
   هر نوع یک رنگ ثابت؛ هیچ نوعی رنگ رستوران نمی‌گیرد. متن سفید روی همه ≥4.5.
   نوشته‌های کوپن فعال فقط سفید یا هم‌رنگ کوپن؛ کوپن خاموش خاکستری var(--az-mute, #616166).
   قرمز فقط برای «تخفیف منو» (هم‌رنگ برچسب تخفیف غذاها). */

.alezcpn-t {
	--t: var(--az-mute, #334155);
	--ts: var(--az-line, #eef1f4);
	position: relative;
	flex: 0 0 296px;
	width: 296px;
	min-height: 72px;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: row;
	align-items: stretch;
	text-align: start;
	font: inherit;
	color: var(--t);
	text-decoration: none;
	background: var(--az-bg, #ffffff);
	border: 2px solid var(--t);
	border-radius: 14px;
	box-shadow: 0 2px 8px rgba(19, 20, 31, .08);
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	transition: background-color .3s, border-color .3s, box-shadow .3s;
}
/* رنگ ثابت هر نوع (تأیید یاس، 2 مهر)
   🔴 این دوازده جفت عمداً هگزِ لخت مانده‌اند — حکم مدیر کل (5 مهر، پرسش 1):
   مجموعهٔ دسته‌ای مشترک `--az-cat-1..8` تصویب شد ولی هنوز ننشسته، و نگاشت
   12 ← 8 یک‌جا انجام می‌شود نه دو بار. در نسخهٔ پس از نشستن توکن‌ها به شکل
   `var(--az-cat-N, #hex)` درمی‌آیند.
   🔵 قرمز `menu` هم که دقیقاً `--az-danger` است، عمداً همین می‌ماند (همان حکم).
   ✅ ولی کف کنتراست نقص است نه مهاجرت: هر سه رنگِ زیر 4.6 در 2.3.0 تیره شدند. */
.alezcpn-t--gift      { --t: #be185d; --ts: #fbeaf2; }
.alezcpn-t--mine      { --t: #4338ca; --ts: #eeedfa; }
.alezcpn-t--first     { --t: #1d4ed8; --ts: #ebf0fc; }
.alezcpn-t--nth       { --t: #0f766e; --ts: #e8f3f2; }
.alezcpn-t--pre       { --t: #8a6100; --ts: #f6f0e3; }
.alezcpn-t--time      { --t: #b05109; --ts: #fbf1e8; } /* 2.3.0: 4.51 → 4.68 روی ته‌رنگ (کف 4.5، حکم مدیر کل قید 3) */
.alezcpn-t--item      { --t: #4b780f; --ts: #eef4e6; } /* 2.3.0: 4.45 → 4.69 روی ته‌رنگ — زیر کف بود */
.alezcpn-t--ship      { --t: #0e7490; --ts: #e7f3f6; }
.alezcpn-t--big       { --t: #6d28d9; --ts: #f1ebfc; }
.alezcpn-t--all       { --t: #334155; --ts: #eef1f4; }
.alezcpn-t--menu      { --t: #b91c1c; --ts: #f9eded; }
.alezcpn-t--pay       { --t: #147c3b; --ts: #e8f3ec; } /* 2.2.3: «نوع پرداخت» — سبز پول · 2.3.0: 4.41 → 4.64 روی ته‌رنگ — زیر کف بود */
.alezcpn-t--reward,
.alezcpn-t--challenge { --t: #9f1239; --ts: #faeaee; }

/* دو نیم‌دایرهٔ بلیت، روی خط سوراخ‌دار */
.alezcpn-t::before,
.alezcpn-t::after {
	content: "";
	position: absolute;
	inset-inline-start: 85px;
	width: 16px;
	height: 8px;
	background: var(--az-bg, #ffffff);
	border: 2px solid var(--t);
	pointer-events: none;
}
.alezcpn-t::before { top: -2px; border-top: 0; border-radius: 0 0 10px 10px; }
.alezcpn-t::after  { bottom: -2px; border-bottom: 0; border-radius: 10px 10px 0 0; }

.alezcpn-t__stub {
	flex: 0 0 96px;
	box-sizing: border-box;
	padding: 4px 4px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0;
	background: var(--t);
	color: var(--az-on-fill, #fff) /* 2.4.1: حکم مدیر کل راه الف — نوشتهٔ سفید روی رنگ پُر با توکن خودش، نه `--az-brand-ink` که از رنگ برند ساخته می‌شود */;
	border-start-start-radius: 12px;
	border-end-start-radius: 12px;
	text-align: center;
}
.alezcpn-t__lab { font-size: 15px; font-weight: 700; line-height: 1.4; white-space: nowrap; }
.alezcpn-t__v   { font-size: 20px; font-weight: 700; line-height: 1.2; unicode-bidi: isolate; white-space: nowrap; }
.alezcpn-t__u   { font-size: 15px; font-weight: 400; line-height: 1.4; white-space: nowrap; }

.alezcpn-t__body {
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 4px;
	padding: 4px 8px;
	border-inline-start: 2px dashed var(--t);
}
.alezcpn-t__tx { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; justify-content: center; text-align: center; } /* 2.2.1: همهٔ نوشته‌های بلیت وسط‌چین (یاس، 3 مهر) */
.alezcpn-t__l2 { font-size: 15px; font-weight: 400; line-height: 1.55; color: var(--t); }
.alezcpn-t__l3 { font-size: 15px; font-weight: 400; line-height: 1.55; color: var(--t); }
.alezcpn-t__l3--b { font-weight: 700; }
.alezcpn-t__dot {
	flex: 0 0 20px;
	width: 20px;
	height: 20px;
	box-sizing: border-box;
	border-radius: 999px;
	border: 2px solid var(--t);
	background: var(--az-bg, #ffffff);
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--az-on-fill, #fff) /* 2.4.1: حکم مدیر کل راه الف — نوشتهٔ سفید روی رنگ پُر با توکن خودش، نه `--az-brand-ink` که از رنگ برند ساخته می‌شود */;
	font-size: 15px;
	font-weight: 700;
	line-height: 1;
}
.alezcpn-t__auto { font-size: 15px; font-weight: 700; color: var(--t); white-space: nowrap; }
.alezcpn-t__bar { display: block; height: 6px; margin-top: 3px; border-radius: 999px; background: var(--az-line, #e7e8e9); overflow: hidden; }
.alezcpn-t__bar > span { display: block; height: 100%; border-radius: 999px; background: var(--t); }

/* انتخاب‌شده */
.alezcpn-t.is-sel { background: var(--ts); box-shadow: 0 6px 16px rgba(19, 20, 31, .18); }
.alezcpn-t.is-sel .alezcpn-t__dot { background: var(--t); }
.alezcpn-t.is-sel .alezcpn-t__dot::after { content: "✓"; }

/* پیشرفت چالش: هم‌رنگ، لمس نمی‌شود */
.alezcpn-t.is-prog,
.alezcpn-t.is-info { cursor: default; } /* 2.2.7: کارت «تخفیف منو» هم فقط نمایشی */

/* خاموش: به حد نصاب نرسیده، یا برای این مشتری نیست — همه خاکستری، دلیل نوشته */
.alezcpn-t.is-near,
.alezcpn-t.is-off { --t: var(--az-line-strong, #d9d9db); --ts: var(--az-line, #e7e8e9); color: var(--az-mute, #616166); background: var(--az-surface, #f7f7f8); box-shadow: none; cursor: default; }
.alezcpn-t.is-near .alezcpn-t__stub,
.alezcpn-t.is-off .alezcpn-t__stub { background: var(--az-line, #e7e8e9); color: var(--az-mute, #616166); }
.alezcpn-t.is-near .alezcpn-t__l2, .alezcpn-t.is-near .alezcpn-t__l3,
.alezcpn-t.is-off .alezcpn-t__l2,  .alezcpn-t.is-off .alezcpn-t__l3 { color: var(--az-mute, #616166); }
.alezcpn-t.is-near .alezcpn-t__bar > span { background: var(--az-mute, #616166); }

.alezcpn-t.is-auto { cursor: default; }
.alezcpn-t.is-auto:not(:disabled) { cursor: pointer; }   /* 2.5.7 (قلم 3): بلیت خودکارِ فعال لمس‌پذیر است */
.alezcpn-t:disabled { opacity: 1; }
.alezcpn-t.is-busy { cursor: progress; }
.alezcpn-t:focus-visible { outline: 2px solid var(--az-ink, #191a20); outline-offset: 2px; }

/* تعطیل فوری (alez-checkout): بلیت‌ها دیده می‌شوند ولی لمس نمی‌شوند */
.alezck-paused .alezcpn-t.is-lit:not(.is-info) { opacity: .45; pointer-events: none; cursor: not-allowed; }

/* گوشی باریک (≤359px): بلیت اندازهٔ نوار، تا بلیت اول بریده نشود */
@media (max-width: 359px) {
	.alezcpn-t { flex-basis: 280px; width: 280px; }
}

/* صفحهٔ «سفارش ثبت شد» — اعلام پاداش و پیشرفت چالش (ب-1) */
.alezcpn-tys { display: flex; flex-direction: column; gap: 12px; margin: 16px 0; }
.alezcpn-ty {
	/* 🔵 عمداً همان رز `--reward` است تا کارت «سفارش ثبت شد» با بلیت پاداش
	   یک‌رنگ دیده شود. جزو همان مجموعهٔ دسته‌ای است، پس با نگاشت 12 ← 8 جابه‌جا
	   می‌شود، نه جدا (حکم مدیر کل، پرسش 1). */
	--t: #9f1239;
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding: 12px 16px;
	border: 2px solid var(--t);
	border-inline-start-width: 2px;
	border-radius: 16px;
	background: var(--az-bg, #ffffff);
	color: var(--t);
}
.alezcpn-ty__h { font-size: 18px; font-weight: 700; line-height: 1.6; color: var(--t); }
.alezcpn-ty__s { font-size: 15px; line-height: 1.7; color: var(--t); }
.alezcpn-ty .alezcpn-t__bar > span { background: var(--t); }

@media (prefers-reduced-motion: reduce) {
	.alezcpn-t { transition: none; }
}