/* =====================================================================
   מנוע כרטיסי אטרקציות (Tiqets) – שלד משותף
   משרת את [zvi_disney_tickets], [zvi_eiffel_tickets] וכל ווידג'ט עתידי.
   כל הצבעים, הרדיוסים והצללים נלקחים ממערכת העיצוב של האתר.
   הכרטיסים עצמם משתמשים ב-.zvi-sf__card מקובץ ה-CSS הראשי.
   ================================================================== */

.zvi-tix,
.zvi-tix *,
.zvi-tix *::before,
.zvi-tix *::after {
	box-sizing: border-box;
}

.zvi-tix {
	direction: rtl;
	text-align: right;
	font-family: var(--font-body);
	color: var(--fa-ink);
	background: var(--fa-bg-gray);
	border: 1px solid var(--fa-bg-gray-border);
	border-radius: var(--fa-radius-lg);
	box-shadow: var(--fa-shadow-card);
	padding: 28px 24px;
	margin: 36px 0;
	line-height: 1.65;
}

/* --- כותרת --------------------------------------------------------- */

.zvi-tix__head {
	margin-bottom: 20px;
}

.zvi-tix__eyebrow {
	display: block;
	margin: 0 0 6px;
	font-family: var(--font-heading);
	font-size: 0.82rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	color: var(--color-link);
}

.zvi-tix__title {
	margin: 0 0 8px;
	font-family: var(--font-heading);
	font-size: 1.6rem;
	line-height: 1.3;
	color: var(--fa-ink);
}

.zvi-tix__lede {
	margin: 0;
	font-size: 1rem;
	color: var(--fa-text-muted);
	max-width: 62ch;
}

/* --- שורת הסינון --------------------------------------------------- */

/* שורה אחת: תיבות הסימון בצד אחד, כפתור הפתיחה בצד הנגדי. */
.zvi-tix__filter {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px 16px;
	margin: 4px 0 0;
	padding-bottom: 18px;
	border-bottom: 1px solid var(--fa-card-border);
}

.zvi-tix__checks {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 22px;
	flex: 1 1 auto;
	min-width: 0;
}

/* תיבת סימון נקייה עם טקסט לידה, בלי רקע ובלי מסגרת. */
.zvi-tix__check {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	padding: 0;
	min-height: 32px;
	font-size: 0.95rem;
	font-weight: 600;
	line-height: 1.2;
	color: var(--fa-text);
	background: none;
	border: 0;
	cursor: pointer;
	transition: var(--btn-transition);
	user-select: none;
	white-space: nowrap;
}

.zvi-tix__check:hover {
	color: var(--color-link);
}

.zvi-tix__check-input {
	flex: 0 0 auto;
	width: 18px;
	height: 18px;
	margin: 0;
	cursor: pointer;
	accent-color: var(--color-link);
}

.zvi-tix__check:focus-within {
	outline: var(--focus-ring-width) solid var(--focus-ring-color);
	outline-offset: var(--focus-ring-offset);
}

.zvi-tix__check-count {
	font-size: 0.85rem;
	font-weight: 400;
	color: var(--fa-text-light);
}

/* --- כפתור הפתיחה ------------------------------------------------- */

.zvi-tix__submit {
	appearance: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	margin-inline-start: auto;
	min-height: 48px;
	padding: var(--btn-padding-y) var(--btn-padding-x);
	font-family: var(--font-body);
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.2;
	text-align: center;
	white-space: nowrap;
	color: #ffffff;
	background: var(--color-link);
	border: 1px solid var(--color-link);
	border-radius: var(--btn-border-radius);
	cursor: pointer;
	transition: var(--btn-transition);
}

.zvi-tix__submit:hover {
	background: var(--color-link-hover);
	border-color: var(--color-link-hover);
	color: #ffffff;
}

.zvi-tix__submit:focus-visible {
	outline: var(--focus-ring-width) solid var(--focus-ring-color);
	outline-offset: var(--focus-ring-offset);
}

.zvi-tix__submit[hidden] {
	display: none;
}

.zvi-tix__results[hidden] {
	display: none;
}
/* --- שורת המונה ---------------------------------------------------- */

.zvi-tix__count {
	margin: 14px 0 0;
	font-size: 0.88rem;
	color: var(--fa-text-light);
}

/* --- רשימת הכרטיסים ------------------------------------------------ */

.zvi-tix__list {
	margin-top: 16px;
}

/* .zvi-sf__card מוגדר כ- display:grid, ולכן התכונה hidden לבדה
   לא מסתירה אותו. בלי הכלל הזה הסינון פשוט לא עובד. */
.zvi-tix__list .zvi-sf__card[hidden] {
	display: none;
}

.zvi-tix__empty {
	margin: 18px 0 0;
	padding: 14px 18px;
	font-size: 0.95rem;
	color: var(--fa-ink);
	background: var(--fa-amber-soft, var(--fa-purple-soft));
	border-inline-start: 3px solid var(--fa-amber);
	border-radius: var(--fa-radius-sm, 6px);
}

.zvi-tix__empty[hidden] {
	display: none;
}

/* --- קישור מידע נוסף -------------------------------------------------- */

/* העיצוב של "מידע נוסף" הועבר לסקשן הכרטיס האחיד ב-zvi-main.css
   (אוגוסט 2026). כאן לא נשארה הגדרה מקומית, כדי שלא יהיו שני מראים. */
/* --- כותרת תחתונה --------------------------------------------------- */

.zvi-tix__footer {
	margin-top: 22px;
	padding-top: 16px;
	border-top: 1px solid var(--fa-card-border);
}

.zvi-tix__disclosure {
	margin: 0;
	font-size: 0.83rem;
	color: var(--fa-text-light);
}

/* --- מסכים צרים ----------------------------------------------------- */

@media (max-width: 600px) {
	.zvi-tix {
		padding: 22px 16px;
		margin: 28px 0;
	}

	.zvi-tix__title {
		font-size: 1.35rem;
	}

	.zvi-tix__filter {
		gap: 12px;
	}

	.zvi-tix__checks {
		gap: 10px 16px;
	}

	.zvi-tix__check {
		font-size: 0.92rem;
	}

	.zvi-tix__submit {
		flex: 1 1 100%;
		margin-inline-start: 0;
	}
}