/* גיפט קארד לווקומרס – עיצוב צד לקוח (RTL) */
.gche-form,
.gche-box {
	--gche-radius: 14px;
	--gche-line: #e3ddd3;
	--gche-soft: #faf7f2;
	direction: rtl;
	text-align: right;
	font-family: var(--gche-font, inherit);
}
.gche-form input, .gche-form textarea, .gche-form button,
.gche-box input, .gche-box button { font-family: inherit; }
.gche-form [hidden],
.gche-box [hidden] { display: none !important; }

.gche-form { margin: 0 0 1.5em; }

/* תצוגה מקדימה */
.gche-preview { margin-bottom: 1.5em; }
.gche-preview__card {
	position: relative;
	aspect-ratio: 16 / 9;
	border-radius: var(--gche-radius);
	overflow: hidden;
	background: var(--gche-brand) center / cover no-repeat;
	color: #fff;
	box-shadow: 0 10px 30px rgba(0, 0, 0, .12);
}
.gche-preview__shade {
	position: absolute; inset: 0;
	background: linear-gradient(to top, rgba(0, 0, 0, .55), rgba(0, 0, 0, .05) 60%);
}
.gche-preview__logo { background: rgba(255,255,255,.92); padding: 6px 10px; border-radius: 8px; box-sizing: content-box; }
.gche-preview__logo,
.gche-preview__site {
	position: absolute; top: 16px; inset-inline-start: 18px;
	max-height: 40px; max-width: 45%;
	font-weight: 700; font-size: 1.1em;
}
.gche-preview__label {
	position: absolute; bottom: 18px; inset-inline-start: 20px;
	font-size: .95em; letter-spacing: .03em; opacity: .9;
}
.gche-preview__amount {
	position: absolute; bottom: 12px; inset-inline-end: 20px;
	font-size: clamp(1.8em, 6vw, 2.6em); font-weight: 800; line-height: 1;
	direction: rtl;
}
.gche-preview__note {
	margin-top: .75em; padding: .75em 1em;
	background: var(--gche-soft); border-radius: 10px;
	border-inline-start: 4px solid var(--gche-accent);
}
.gche-preview__note p { margin: 0; }
.gche-preview__msg { margin-top: .4em !important; font-style: italic; white-space: pre-line; }
.gche-preview__msg:empty { display: none; }

/* שדות */
.gche-field { margin: 0 0 1.1em; border: 0; padding: 0; min-width: 0; }
.gche-field legend,
.gche-field > label,
.gche-inline-form > label,
.gche-redeem-form > label {
	display: block; font-weight: 600; margin-bottom: .4em; padding: 0;
}
.gche-form input[type="text"],
.gche-form input[type="email"],
.gche-form input[type="tel"],
.gche-form input[type="number"],
.gche-form input[type="date"],
.gche-form textarea,
.gche-box input[type="text"],
.gche-box input[type="number"] {
	width: 100%; box-sizing: border-box;
	padding: .7em .85em; border: 1px solid var(--gche-line); border-radius: 10px;
	background: #fff; font-size: 1em;
}
.gche-form input:focus,
.gche-form textarea:focus,
.gche-box input:focus {
	outline: none; border-color: var(--gche-brand);
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--gche-brand) 18%, transparent);
}
.gche-optional { font-weight: 400; color: #888; font-size: .9em; }
.gche-counter { display: block; text-align: left; font-size: .8em; color: #999; margin-top: .25em; }
.gche-hint { font-size: .9em; color: #666; margin: .25em 0 1em; }
.gche-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1em; }
@media (max-width: 600px) { .gche-grid { grid-template-columns: 1fr; } }

/* כפתורי בחירה */
.gche-pills { display: flex; flex-wrap: wrap; gap: .5em; }
.gche-pill { position: relative; cursor: pointer; margin: 0; }
.gche-pill input { position: absolute; opacity: 0; pointer-events: none; }
.gche-pill > span {
	display: inline-block; padding: .55em 1.15em;
	border: 1.5px solid var(--gche-line); border-radius: 999px;
	background: #fff; font-weight: 600; transition: all .15s;
}
.gche-pill:hover > span { border-color: var(--gche-brand); }
.gche-pill.is-active > span,
.gche-pill input:checked + span {
	background: var(--gche-brand); border-color: var(--gche-brand); color: #fff;
}
.gche-pill input:focus-visible + span { outline: 2px solid var(--gche-accent); outline-offset: 2px; }
.gche-custom-amount { margin-top: .75em; max-width: 260px; }

/* קופסאות פורטל ויתרה */
.gche-box {
	max-width: 620px; margin: 0 auto 2em; padding: 1.5em;
	border: 1px solid var(--gche-line); border-radius: var(--gche-radius); background: #fff;
}
.gche-row { display: flex; gap: .5em; flex-wrap: wrap; }
.gche-row input { flex: 1 1 220px; }
.gche-btn.button {
	border-radius: 999px !important; padding: .6em 1.4em !important;
	background: var(--gche-brand) !important; color: #fff !important; border: 0 !important;
}
.gche-btn--ghost.button { background: #fff !important; color: var(--gche-brand) !important; border: 1.5px solid var(--gche-brand) !important; }
.gche-btn--big.button { width: 100%; font-size: 1.15em; margin-top: .75em; }
.gche-reader { margin: 1em 0; border-radius: 12px; overflow: hidden; }

.gche-msg { padding: .75em 1em; border-radius: 10px; margin: 1em 0; background: #f0f4ff; }
.gche-msg--error { background: #fdecec; color: #8a1f1f; }
.gche-msg--success { background: #e9f8ee; color: #1d6b37; font-weight: 600; }

.gche-result { text-align: center; margin: 1.25em 0; padding: 1.25em; background: var(--gche-soft); border-radius: 12px; }
.gche-result__amount { font-size: 2.4em; font-weight: 800; color: var(--gche-brand); line-height: 1.1; }
.gche-result__label { color: #777; margin-bottom: .75em; }
.gche-result__meta { list-style: none; margin: 0; padding: 0; display: grid; gap: .3em; }

.gche-status { font-weight: 600; }
.gche-status--used, .gche-status--expired, .gche-status--failed { color: #b32d2e; }
.gche-status--sent { color: #1d6b37; }

.gche-redeem-form { margin: 1em 0 1.5em; }
.gche-redeem-form > label { margin-top: .75em; }
.gche-history { width: 100%; font-size: .9em; border-collapse: collapse; }
.gche-history th, .gche-history td { padding: .45em; border-bottom: 1px solid var(--gche-line); text-align: right; }

.gche-pill > span * { color: inherit !important; font: inherit; background: none; padding: 0; border: 0; }
.gche-history td:nth-child(3), .gche-history td:nth-child(4) { white-space: nowrap; direction: ltr; text-align: right; }

.gche-datetime { display: flex; gap: .5em; flex-wrap: wrap; }
.gche-datetime input[type="date"] { flex: 1 1 180px; width: auto; }
.gche-datetime select { flex: 0 0 auto; min-width: 110px; padding: .7em .85em; border: 1px solid var(--gche-line); border-radius: 10px; background: #fff; font-size: 1em; font-family: inherit; }