/* SPCA Donate v2.0 — עיצוב דף התרומות לפי מוקאפ Lovable (heart-full-giving, 07/2026).
   טוקנים: ירוק #8cc63f · ורוד #ff4a83 · נייבי #1e3a8a · קרם #faf8f5 · פונט Heebo. */

/* תיקון: באתר קיים כלל גלובלי `.woocommerce-checkout #wcdp{display:none}` (מהמפתח הקודם,
   להסתרת הטופס בעמוד ה-checkout). דף /donate מקבל את class ה-woocommerce-checkout ולכן
   הטופס הוסתר. ה-CSS הזה נטען רק ב-/donate, אז ה-override בטוח ולא משפיע על /chance/ או checkout. */
.woocommerce-checkout #wcdp,
body.woocommerce-checkout #wcdp {
	display: block !important;
}

:root {
	--spca-green: #8cc63f;
	--spca-green-dark: #6fa32c;
	--spca-green-soft: #eaf5d6;
	--spca-pink: #ff4a83;
	--spca-pink-dark: #e83872;
	--spca-pink-soft: #ffe4ed;
	--spca-navy: #1e3a8a;
	--spca-cream: #faf8f5;
	--spca-cream-2: #fdfbf7;
	--spca-border: #ece5d6;
	--spca-field-border: #e6ddc8;
	--spca-muted: #64748b;
	--spca-ink: var(--spca-navy);
	--spca-radius: 12px;
	--spca-shadow-soft: 0 10px 40px -12px rgba(30, 58, 138, 0.15);
	--spca-shadow-card: 0 4px 24px -8px rgba(30, 58, 138, 0.12);
	--spca-shadow-pink: 0 12px 28px -10px rgba(255, 74, 131, 0.45);
	--spca-shadow-green: 0 12px 28px -10px rgba(140, 198, 63, 0.4);
	--spca-font: "Heebo", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, "Helvetica Neue", sans-serif;
}

/* ---------- אחידות פונט — Heebo על כל רכיבי הדף שלנו + הטופס ---------- */
.spca-page,
.spca-page *,
#wcdp,
#wcdp input,
#wcdp select,
#wcdp textarea,
#wcdp button,
.spca-donor-type,
.spca-donor-type input,
.spca-donor-type button,
.spca-step1,
.spca-step1 input,
.spca-step1 button,
.spca-summary,
.spca-exit-modal,
.spca-exit-modal button,
.spca-fail-modal,
.spca-fail-modal button,
.spca-sp-toast,
.spca-sp-toast button,
.spca-thanks,
.spca-thanks a {
	font-family: var(--spca-font) !important;
}

/* ---------- מעטפת העמוד [spca_donate_page] ---------- */
.spca-page {
	/* full-bleed — משתחרר ממגבלת רוחב התוכן של הערכה/אלמנטור */
	width: 100vw;
	max-width: 100vw !important;
	margin-inline: calc(50% - 50vw) !important;
	box-sizing: border-box;
	background-color: var(--spca-cream);
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'><g fill='%238cc63f' fill-opacity='0.07'><ellipse cx='40' cy='55' rx='10' ry='13'/><ellipse cx='60' cy='42' rx='7' ry='9'/><ellipse cx='78' cy='48' rx='7' ry='9'/><ellipse cx='92' cy='62' rx='7' ry='9'/><path d='M52 78c0-10 10-16 18-16s18 6 18 16-8 14-18 14-18-4-18-14z'/><ellipse cx='135' cy='140' rx='8' ry='11'/><ellipse cx='150' cy='128' rx='6' ry='7.5'/><ellipse cx='164' cy='133' rx='6' ry='7.5'/><ellipse cx='174' cy='145' rx='6' ry='7.5'/><path d='M142 158c0-8 8-13 15-13s15 5 15 13-7 11-15 11-15-3-15-11z'/></g></svg>");
	background-repeat: repeat;
	padding: 24px 16px 64px;
	color: var(--spca-navy);
}
@media (min-width: 1024px) {
	.spca-page { padding: 24px 32px 64px; }
}

/* Hero */
.spca-hero {
	max-width: 768px;
	margin: 0 auto;
	text-align: center;
	padding: 16px 0 8px;
}
.spca-hero__kicker {
	margin: 0;
	font-size: 0.95rem;
	color: rgba(30, 58, 138, 0.8);
	line-height: 1.6;
}
.spca-hero__title {
	margin: 16px 0 0;
	font-size: clamp(1.9rem, 4.5vw, 3rem);
	font-weight: 800;
	color: var(--spca-navy) !important;
	letter-spacing: -0.02em;
	line-height: 1.1;
}
.spca-hero__sub {
	margin: 16px 0 0;
	font-size: 1.05rem;
	color: rgba(30, 58, 138, 0.75);
	line-height: 1.6;
}

/* גריד 2 עמודות — טופס + סיפורים, גובה זהה בדסקטופ (מוקאפ: 860px) */
.spca-grid {
	max-width: 1280px;
	margin: 32px auto 0;
	display: grid;
	gap: 32px;
	/* minmax(0,…) — בלי זה min-content של ילד רחב (למשל button עם nowrap) מנפח את העמודה מעבר ל-viewport במובייל */
	grid-template-columns: minmax(0, 1fr);
}
@media (min-width: 1024px) {
	.spca-grid {
		grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
		gap: 40px;
		align-items: start;
	}
}

/* כרטיס הטופס */
.spca-card {
	background: #fff;
	border: 1px solid var(--spca-border);
	border-radius: 24px;
	box-shadow: var(--spca-shadow-card);
	padding: 20px;
	display: flex;
	flex-direction: column;
	overflow: hidden;
}
@media (min-width: 640px) { .spca-card { padding: 32px; } }
@media (min-width: 1024px) {
	.spca-card { height: 860px; }
	.spca-card__scroll { flex: 1 1 auto; min-height: 0; overflow-y: auto; padding-inline-end: 4px; }
}

/* שורת אמון */
.spca-trust {
	margin-top: 24px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 8px;
}
@media (min-width: 640px) { .spca-trust { gap: 16px; } }
.spca-trust__item {
	background: rgba(255, 255, 255, 0.7);
	border: 1px solid var(--spca-border);
	border-radius: 16px;
	padding: 12px 8px;
	text-align: center;
	font-size: 0.8rem;
	font-weight: 600;
	color: var(--spca-navy);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 6px;
	line-height: 1.3;
}
.spca-trust__lock {
	display: grid;
	place-items: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: rgba(140, 198, 63, 0.1);
	color: var(--spca-green-dark);
}

/* פאנל סיפורי הצלחה */
.spca-stories__panel {
	position: relative;
	width: 100%;
	height: 520px;
	border-radius: 24px;
	overflow: hidden;
	box-shadow: var(--spca-shadow-soft);
}
@media (min-width: 1024px) { .spca-stories__panel { height: 860px; } }
.spca-stories__img {
	position: absolute;
	inset: 0;
	width: 100% !important;
	height: 100% !important; /* !important — ערכות מגדירות img{height:auto} ושוברות את הכיסוי */
	max-width: none !important;
	object-fit: cover;
	opacity: 0;
	transition: opacity 1s ease;
}
.spca-stories__img.is-active { opacity: 1; }
.spca-stories__shade {
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, rgba(30, 58, 138, 0.85) 0%, rgba(30, 58, 138, 0.25) 40%, transparent 70%);
}
.spca-stories__badge {
	position: absolute;
	top: 24px;
	inset-inline-start: 24px;
	display: flex;
	align-items: center;
	gap: 10px;
	background: rgba(255, 255, 255, 0.95);
	backdrop-filter: blur(4px);
	border-radius: 999px;
	padding: 10px 20px;
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
	font-size: 0.9rem;
	font-weight: 700;
	color: var(--spca-navy);
}
.spca-stories__heart { animation: spca-pulse-soft 2.2s infinite; border-radius: 50%; }
.spca-stories__caption {
	position: absolute;
	bottom: 0;
	inset-inline: 0;
	padding: 24px;
}
@media (min-width: 1024px) { .spca-stories__caption { padding: 32px; } }
.spca-stories__caption.is-anim { animation: spca-fade-up 0.4s ease-out; }
.spca-stories__pill {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: var(--spca-pink);
	color: #fff;
	border-radius: 999px;
	padding: 8px 20px;
	margin-bottom: 12px;
	font-size: 0.85rem;
	font-weight: 700;
	letter-spacing: 0.08em;
}
.spca-stories__text {
	margin: 0;
	color: #fff;
	font-size: 1.1rem;
	font-weight: 500;
	line-height: 1.6;
	max-width: 28rem;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
@media (min-width: 1024px) { .spca-stories__text { font-size: 1.2rem; } }
.spca-stories__dots { display: flex; gap: 6px; margin-top: 20px; }
.spca-stories__dot {
	height: 6px !important;
	width: 12px !important;
	min-width: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: rgba(255, 255, 255, 0.55) !important;
	box-shadow: none !important;
	cursor: pointer;
	transition: all 0.25s ease;
}
.spca-stories__dot.is-active { width: 32px !important; background: var(--spca-green) !important; }

/* סטריפ תמיכה תחתון */
.spca-support { margin-top: 32px; text-align: center; }
.spca-support p {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 4px;
	margin: 0;
	background: rgba(255, 255, 255, 0.7);
	border: 1px solid var(--spca-border);
	border-radius: 16px;
	padding: 12px 20px;
	box-shadow: var(--spca-shadow-card);
	font-size: 0.9rem;
	color: var(--spca-muted);
}
.spca-support a { color: var(--spca-navy); font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }
.spca-support a:hover { color: var(--spca-pink); }

/* ---------- סרגל השלבים של WCDP — עיצוב מוקאפ ----------
   מבנה WCDP: .wcdp-header > progress-bars + .wcdp-step (עיגול ::before עם attr(step)).
   ה-JS שלנו (refreshStepBar) מוסיף is-current / is-done לפי השלב הפעיל. */
#wcdp .wcdp-header {
	display: flex !important;
	align-items: center;
	gap: 8px;
	height: auto !important;
	overflow: visible !important;
	padding: 0 0 4px !important;
	margin-bottom: 16px;
}
#wcdp #wcdp-progress-bar,
#wcdp #wcdp-progress-bar-background { display: none !important; }
#wcdp .wcdp-header > .wcdp-step {
	float: none !important;
	width: auto !important;
	flex: 1 1 0;
	display: flex !important;
	align-items: center;
	gap: 8px;
	text-align: start !important;
	font-size: 0.85rem;
	font-weight: 600 !important;
	color: #94a3b8 !important;
	cursor: pointer;
	min-width: 0;
}
#wcdp .wcdp-header > .wcdp-step::before {
	content: attr(step);
	display: grid !important;
	place-items: center;
	flex: 0 0 auto;
	width: 32px !important;
	height: 32px !important;
	line-height: 32px !important;
	margin: 0 !important;
	border-radius: 50%;
	background: #efe8d8 !important;
	color: #94a3b8 !important;
	font-size: 0.9rem !important;
	font-weight: 700;
	transition: background 0.2s ease, color 0.2s ease;
}
#wcdp .wcdp-header > .wcdp-step.is-current {
	color: var(--spca-navy) !important;
}
#wcdp .wcdp-header > .wcdp-step.is-current::before {
	background: var(--spca-pink) !important;
	color: #fff !important;
}
#wcdp .wcdp-header > .wcdp-step.is-done {
	color: var(--spca-green-dark) !important;
}
#wcdp .wcdp-header > .wcdp-step.is-done::before {
	content: "✓";
	background: var(--spca-green) !important;
	color: #fff !important;
}
/* קו מחבר בין שלבים */
#wcdp .wcdp-header > .wcdp-step:not(:last-child)::after {
	content: "";
	flex: 1 1 8px;
	height: 4px;
	border-radius: 999px;
	background: #efe8d8;
	margin-inline-start: 4px;
}
#wcdp .wcdp-header > .wcdp-step.is-done:not(:last-child)::after { background: var(--spca-green); }
#wcdp .wcdp-header .wcdp-step:hover { transform: none !important; }
/* מובייל — מספרים בלבד, בלי תוויות (מוקאפ: hidden sm:block) */
@media (max-width: 639px) {
	#wcdp .wcdp-header > .wcdp-step { font-size: 0 !important; gap: 4px; }
	#wcdp .wcdp-header > .wcdp-step::before { font-size: 0.9rem !important; }
}

/* ---------- שלב 1 — טוגל תדירות + כרטיסי סכום ---------- */
/* הסתרת בקרות הסכום/variation הנייטיב של WCDP (נשארות ב-DOM ומוזנות ע"י ה-JS) */
.wcdp-choose-donation.spca-has-step1 #wcdp_va_amount,
.wcdp-choose-donation.spca-has-step1 .variations.wcdp_variation {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
	clip: rect(0 0 0 0) !important;
	opacity: 0 !important;
	pointer-events: none !important;
}
.spca-step1 { margin: 0 0 16px; width: 100%; max-width: 100%; }
.spca-step1, .spca-step1 * { box-sizing: border-box; }

/* טוגל חודשי/חד-פעמי — pill קרם עם כפתור ירוק פעיל (מוקאפ) */
.spca-type-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 4px;
	background: var(--spca-cream);
	border: 1px solid var(--spca-border);
	border-radius: 16px;
	padding: 6px;
	margin-bottom: 20px;
}
.spca-type-btn {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 2px;
	min-width: 0;
	min-height: 56px;
	padding: 10px 8px !important;
	border: 0 !important;
	border-radius: 12px;
	background: transparent !important;
	color: var(--spca-navy) !important;
	cursor: pointer;
	transition: all 0.2s ease;
	text-align: center;
	box-shadow: none !important;
}
.spca-type-btn.is-active {
	background: var(--spca-green) !important;
	color: #fff !important;
	box-shadow: var(--spca-shadow-green) !important;
}
.spca-type-btn__label { font-size: 1rem; font-weight: 700; line-height: 1.2; }
.spca-type-btn__sub { font-size: 0.7rem; font-weight: 400; opacity: 0.9; line-height: 1.2; }
.spca-type-btn__heart { display: none; }

/* תווית "התרומה שלך" מעל כרטיסי הסכום (מוקאפ) */
.spca-step1__label {
	margin: 0 0 12px;
	font-size: 0.9rem;
	font-weight: 700;
	color: var(--spca-navy);
}

/* כרטיסי סכום — לבנים עם מסגרת, נבחר = ירוק-רך (מוקאפ) */
.spca-amt-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
}
.spca-amt-card {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	gap: 4px;
	min-width: 0;
	min-height: 72px;
	padding: 16px !important;
	border: 2px solid var(--spca-field-border) !important;
	border-radius: 16px;
	background: #fff !important;
	color: var(--spca-navy) !important;
	cursor: pointer;
	text-align: start;
	transition: all 0.15s ease;
	overflow: visible !important;
	box-shadow: none !important;
}
.spca-amt-card:hover { border-color: #c9bfa4 !important; }
.spca-amt-card.is-active {
	border-color: var(--spca-green) !important;
	background: var(--spca-green-soft) !important;
	box-shadow: var(--spca-shadow-green) !important;
}
.spca-amt-card__value {
	font-size: 1.5rem;
	font-weight: 800;
	line-height: 1.1;
	white-space: nowrap;
	color: var(--spca-navy);
}
.spca-amt-card__suffix { font-size: 0.75rem; font-weight: 600; color: var(--spca-muted); }
.spca-amt-card__impact {
	font-size: 0.78rem;
	font-weight: 400;
	line-height: 1.35;
	color: rgba(30, 58, 138, 0.7);
}
.spca-amt-card__pop {
	position: absolute;
	top: -10px;
	inset-inline-end: 12px;
	background: var(--spca-pink);
	color: #fff;
	border-radius: 999px;
	padding: 2px 10px;
	font-size: 0.65rem;
	font-weight: 800;
	letter-spacing: 0.06em;
	box-shadow: var(--spca-shadow-pink);
	white-space: nowrap;
}

/* סכום אחר — שדה עם ₪ (מוקאפ) */
.spca-amt-custom { position: relative; margin-top: 12px; }
.spca-amt-custom__cur {
	position: absolute;
	inset-block-start: 50%;
	inset-inline-start: 16px;
	transform: translateY(-50%);
	font-size: 1.1rem;
	font-weight: 700;
	color: rgba(30, 58, 138, 0.6);
	pointer-events: none;
}
.spca-amt-custom .spca-amt-other-input {
	width: 100%;
	background: #fff;
	border: 1.5px solid var(--spca-field-border);
	border-radius: 10px;
	padding: 0.85rem 1rem;
	padding-inline-start: 2.4rem;
	font-size: 0.975rem;
	color: var(--spca-navy);
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
	-moz-appearance: textfield;
}
.spca-amt-custom .spca-amt-other-input::-webkit-outer-spin-button,
.spca-amt-custom .spca-amt-other-input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.spca-amt-custom .spca-amt-other-input:focus {
	outline: none;
	border-color: var(--spca-green);
	box-shadow: 0 0 0 4px rgba(140, 198, 63, 0.18);
}
.spca-amt-error { display: block; }

/* ---------- שדות הטופס (שלב 2) — סגנון field של המוקאפ ---------- */
#wcdp input.input-text,
#wcdp select,
#wcdp textarea {
	width: 100%;
	background: #fff !important;
	border: 1.5px solid var(--spca-field-border) !important;
	color: var(--spca-navy) !important;
	border-radius: 10px !important;
	padding: 0.85rem 1rem !important;
	font-size: 0.975rem !important;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
	box-shadow: none !important;
}
#wcdp input.input-text::placeholder, #wcdp textarea::placeholder { color: #94a3b8; }
#wcdp input.input-text:hover, #wcdp select:hover, #wcdp textarea:hover { border-color: #c9bfa4 !important; }
#wcdp input.input-text:focus, #wcdp select:focus, #wcdp textarea:focus {
	outline: none !important;
	border-color: var(--spca-green) !important;
	box-shadow: 0 0 0 4px rgba(140, 198, 63, 0.18) !important;
}
#wcdp .form-row label {
	font-size: 0.9rem;
	font-weight: 600 !important;
	color: var(--spca-navy) !important;
	margin-bottom: 6px;
}
#wcdp .form-row label .required { color: var(--spca-pink) !important; text-decoration: none; }
#wcdp .form-row label .optional { display: none; } /* מוקאפ — בלי "(אופציונלי)" */

/* שגיאת ולידציה inline (מוקאפ: מסגרת ורודה + הודעה) */
#wcdp .form-row.spca-invalid input,
#wcdp .form-row.spca-invalid select,
#wcdp .form-row.spca-invalid textarea {
	border-color: var(--spca-pink) !important;
	box-shadow: 0 0 0 4px rgba(255, 74, 131, 0.15) !important;
}
.spca-field-msg {
	display: block;
	margin-top: 4px;
	font-size: 0.8rem;
	font-weight: 600;
	color: var(--spca-pink-dark);
}

/* ---------- בורר סוג-תורם (טאבים) — ורוד פעיל (מוקאפ) ---------- */
.spca-donor-type { margin: 0 0 22px; }
.spca-donor-type__title { display: none !important; }
.spca-donor-type__tabs {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 8px;
}
@media (min-width: 640px) { .spca-donor-type__tabs { grid-template-columns: repeat(4, 1fr); } }
.spca-donor-type__tab {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 44px !important;
	padding: 10px 12px !important;
	border: 2px solid var(--spca-field-border) !important;
	border-radius: 12px;
	background: #fff !important;
	color: var(--spca-navy) !important;
	font-size: 0.9rem;
	font-weight: 600;
	line-height: 1.15;
	cursor: pointer;
	transition: all 0.15s ease;
	text-align: center;
	box-shadow: none !important;
}
.spca-donor-type__tab:hover { border-color: var(--spca-pink) !important; }
.spca-donor-type__tab.is-active {
	background: var(--spca-pink) !important;
	border-color: var(--spca-pink) !important;
	color: #fff !important;
}
.spca-donor-type__note {
	margin: 14px 0 4px;
	padding: 12px 14px;
	border-radius: 12px;
	font-size: 0.9rem;
	line-height: 1.5;
}
.spca-donor-type__note--tax {
	background: rgba(234, 245, 214, 0.6);
	border: 1px solid rgba(140, 198, 63, 0.3);
	color: var(--spca-navy);
	font-weight: 400;
}
.spca-donor-type__note--tax strong { font-weight: 800 !important; color: var(--spca-green-dark); }
.spca-donor-type__note--anonymous {
	background: var(--spca-pink-soft);
	border: 2px solid var(--spca-pink);
	color: var(--spca-pink-dark);
	font-weight: 700;
	border-radius: 16px;
}

/* שדות מותנים מוסתרים כברירת מחדל (ה-JS מציג לפי טאב) */
.spca-field--company,
.spca-field--dedication { display: none; }

/* ---------- סיכום שלב 3 — קופסה ירוקה-רכה עם ❤️ (מוקאפ) ---------- */
.spca-summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin: 0 0 18px;
	background: var(--spca-green-soft);
	border: 1px solid rgba(140, 198, 63, 0.3);
	border-radius: 16px;
	padding: 16px;
}
.spca-summary__info { min-width: 0; }
.spca-summary__label {
	margin: 0;
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	color: var(--spca-green-dark);
}
.spca-summary__amount {
	margin: 2px 0 0;
	font-size: 1.6rem;
	font-weight: 800;
	color: var(--spca-navy);
}
.spca-summary__suffix { font-size: 0.85rem; font-weight: 600; color: var(--spca-muted); }
.spca-summary__heart { font-size: 1.8rem; }

/* ---------- שלב 3 — כרטיסיות אמצעי תשלום ---------- */
.spca-pm { margin: 0 0 16px; }
.spca-pm__title {
	margin: 0 0 12px;
	font-size: 0.9rem;
	font-weight: 700;
	color: var(--spca-navy);
}
.spca-pm__note { margin: 0 0 8px; font-size: 0.8rem; color: rgba(30, 58, 138, 0.7); }
.spca-pm-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 8px;
}
@media (min-width: 640px) { .spca-pm-grid { grid-template-columns: repeat(4, 1fr); } }
.spca-pm-grid--single { grid-template-columns: minmax(0, 200px) !important; }
.spca-pm-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 6px;
	min-width: 0;
	padding: 12px 8px !important;
	border: 2px solid var(--spca-field-border) !important;
	border-radius: 12px;
	background: #fff !important;
	color: var(--spca-navy) !important;
	font-weight: 700;
	cursor: pointer;
	transition: all 0.15s ease;
	text-align: center;
	box-shadow: none !important;
}
.spca-pm-card:hover { border-color: var(--spca-pink) !important; }
.spca-pm-card.is-active {
	border-color: var(--spca-pink) !important;
	background: var(--spca-pink-soft) !important;
}
.spca-pm-card__icon { display: flex; align-items: center; justify-content: center; height: 24px; }
.spca-pm-card__svg { width: 20px; height: 20px; }
.spca-pm-card__img { width: 24px; height: 24px; border-radius: 4px; object-fit: cover; }
.spca-pm-card__label { font-size: 0.78rem; font-weight: 700; line-height: 1.2; white-space: normal !important; }

.spca-pm-info-box {
	margin-top: 12px;
	background: var(--spca-pink-soft);
	border: 1px solid rgba(255, 74, 131, 0.3);
	border-radius: 12px;
	padding: 16px;
	font-size: 0.9rem;
	color: var(--spca-navy);
	line-height: 1.6;
}
.spca-pm-secure {
	margin-top: 16px;
	background: var(--spca-cream);
	border: 1px solid var(--spca-border);
	border-radius: 16px;
	padding: 16px;
	font-size: 0.9rem;
	color: var(--spca-navy);
	line-height: 1.6;
}

/* הרשימה הנייטיבית של WooCommerce — מוסתרת (הרדיו נשאר פעיל ל-submit) */
.wc_payment_methods.spca-pm-native {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
	clip: rect(0 0 0 0) !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

/* ---------- צ'קבוקסי אישור (שלב 3) ----------
   התקנון = הצ'קבוקס המובנה של WooCommerce (#terms) — רק מעוצב, לא משוכפל. */
#wcdp .woocommerce-terms-and-conditions-wrapper {
	margin: 0 0 16px;
}
#wcdp .woocommerce-terms-and-conditions-wrapper .form-row {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	background: var(--spca-cream);
	border: 1px solid var(--spca-border);
	border-radius: 16px;
	padding: 14px 16px;
	margin: 0;
	font-size: 0.9rem;
	color: var(--spca-navy);
	line-height: 1.5;
}
#wcdp .woocommerce-terms-and-conditions-wrapper .form-row.woocommerce-invalid {
	border-color: var(--spca-pink);
	box-shadow: 0 0 0 4px rgba(255, 74, 131, 0.12);
}
#wcdp .woocommerce-terms-and-conditions-wrapper label { display: flex; align-items: flex-start; gap: 12px; margin: 0; cursor: pointer; }
#wcdp .woocommerce-terms-and-conditions-wrapper input[type="checkbox"] {
	margin-top: 2px;
	width: 20px !important;
	height: 20px !important;
	flex: 0 0 auto;
	accent-color: var(--spca-pink);
}
#wcdp .woocommerce-terms-and-conditions-wrapper a { color: var(--spca-navy); text-decoration: underline; }
#wcdp .woocommerce-terms-and-conditions-wrapper a:hover { color: var(--spca-pink); }
#wcdp .woocommerce-terms-and-conditions-wrapper abbr.required { color: var(--spca-pink) !important; text-decoration: none; }
/* טקסט מדיניות הפרטיות של Woo — נשאר (משפטי) אבל עדין, לא מתחרה בעיצוב */
#wcdp .woocommerce-privacy-policy-text {
	font-size: 0.78rem;
	color: var(--spca-muted);
	line-height: 1.5;
	margin: 0 0 12px;
}
#wcdp .woocommerce-privacy-policy-text p { margin: 0; }

.spca-consents { display: flex; flex-direction: column; gap: 10px; margin: 0 0 16px; }
.spca-consent {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	background: var(--spca-cream);
	border: 1px solid var(--spca-border);
	border-radius: 16px;
	padding: 14px 16px;
	cursor: pointer;
	font-size: 0.9rem;
	color: var(--spca-navy);
	line-height: 1.5;
}
.spca-consent input[type="checkbox"] {
	margin-top: 2px;
	width: 20px !important;
	height: 20px !important;
	flex: 0 0 auto;
	accent-color: var(--spca-pink);
}
.spca-consent__star { color: var(--spca-pink); font-weight: 700; }
.spca-consent__err { color: var(--spca-pink-dark); font-weight: 700; }
.spca-consent.is-error { border-color: var(--spca-pink); box-shadow: 0 0 0 4px rgba(255, 74, 131, 0.12); }
.spca-consent a { color: var(--spca-navy); text-decoration: underline; }
.spca-consent a:hover { color: var(--spca-pink); }

/* ---------- כפתורים — CTA ורוד גרדיאנט (מוקאפ) ---------- */
#wcdp .wcdp-button,
#wcdp #place_order {
	background: linear-gradient(180deg, var(--spca-pink) 0%, var(--spca-pink-dark) 100%) !important;
	color: #fff !important;
	font-weight: 700 !important;
	font-size: 1.05rem !important;
	border: 0 !important;
	border-radius: 12px !important;
	padding: 0.9rem 1.5rem !important;
	box-shadow: var(--spca-shadow-pink) !important;
	transition: transform 0.15s ease, filter 0.15s ease !important;
	cursor: pointer;
}
#wcdp .wcdp-button:hover,
#wcdp #place_order:hover { transform: translateY(-1px); filter: brightness(1.05); }
/* כפתור "המשך" ברוחב מלא (מוקאפ); "חזרה" נשאר קטן לצידו */
#wcdp .wcdp-button.wcdp-right,
#wcdp #place_order {
	float: none !important;
	display: block !important;
	width: 100% !important;
	text-align: center !important;
	margin-top: 10px;
}
#wcdp .wcdp-button.wcdp-left { float: none !important; display: inline-block !important; margin-top: 12px; }
/* כפתור "חזרה" — מתאר עדין */
#wcdp .wcdp-button.wcdp-left,
#wcdp .wcdp-button[data-step="1"],
#wcdp .wcdp-button[data-step="2"].wcdp-back {
	background: transparent !important;
	color: var(--spca-navy) !important;
	border: 2px solid #dfd8c7 !important;
	box-shadow: none !important;
	font-weight: 600 !important;
}
#wcdp .wcdp-button.wcdp-left:hover { border-color: var(--spca-navy) !important; background: #fff !important; transform: none; }
#place_order.spca-po-hidden { display: none !important; }

/* אנונימי — דוא"ל לבד בשלב → רוחב מלא (מבטל את חצי-השדה הצף של form-row-last) */
#wcdp .form-row.spca-row-full { width: 100% !important; float: none !important; }

/* שורת ניווט — "המשך" גדול (ממלא) + "חזרה" קטן לצידו, באותה שורה (מוקאפ) */
#wcdp .spca-nav-row { display: flex; gap: 10px; align-items: stretch; margin-top: 10px; clear: both; }
#wcdp .spca-nav-row .wcdp-button { margin: 0 !important; }
#wcdp .spca-nav-row .wcdp-button.wcdp-right { flex: 1 1 auto; width: auto !important; }
#wcdp .spca-nav-row .wcdp-button.wcdp-left { flex: 0 0 auto; width: auto !important; }

/* מעבר לעמוד התודה — מוצג במקום ה-iframe מרגע שטרנזילה סיימה ועד שה-top נטען */
.spca-ty-transition {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin: 18px 0 6px;
	padding: 28px 16px;
	border: 2px solid var(--spca-green);
	border-radius: 16px;
	background: #fff;
	color: var(--spca-navy);
	font-weight: 700;
}
.spca-ty-spinner {
	width: 22px;
	height: 22px;
	border: 3px solid var(--spca-green);
	border-top-color: transparent;
	border-radius: 50%;
	animation: spca-ty-spin 0.8s linear infinite;
}
@keyframes spca-ty-spin { to { transform: rotate(360deg); } }

/* ---------- טרנזילה inline (iframe התשלום בתוך הדף) ---------- */
.spca-tranzila-inline {
	margin: 18px 0 6px;
	border: 2px solid var(--spca-green);
	border-radius: 16px;
	overflow: hidden;
	background: #fff;
}
/* גובה ה-iframe — ניתן לכוונון: :root{ --spca-tz-h: 460px } */
.spca-tranzila-inline iframe {
	display: block;
	width: 100% !important;
	max-width: 100% !important;
	height: var(--spca-tz-h, 460px);
	min-height: 420px;
	border: 0 !important;
}
@media (max-width: 480px) {
	.spca-tranzila-inline iframe { height: var(--spca-tz-h-m, 560px); }
}

/* ---------- ניקוי כללי ---------- */
#wcdp .woocommerce-form-coupon-toggle,
#wcdp .checkout_coupon,
#wcdp .woocommerce-form-login-toggle { display: none !important; }
#wcdp .woocommerce-additional-fields,
#wcdp #order_comments_field { display: none !important; }
#wcdp .woocommerce-billing-fields h3,
#wcdp .spca-donor-type__title { display: none !important; }
#wcdp-step-3 > h3,
#wcdp #order_review_heading,
#wcdp .woocommerce-checkout-review-order-table { display: none !important; }

/* טרנזילה inline — מחליף את כל תוכן שלב 3 (לא מתווסף מתחת) */
#wcdp-step-3.spca-paying > *:not(.spca-tranzila-inline) { display: none !important; }
#wcdp-step-3.spca-paying .spca-tranzila-inline { display: block !important; margin-top: 0; }

/* טקסט נכנס בכפתורים (ערכת האתר מגדירה button{white-space:nowrap}) */
#wcdp .spca-type-btn, #wcdp .spca-type-btn *,
#wcdp .spca-amt-card, #wcdp .spca-amt-card *,
#wcdp .spca-pm-card, #wcdp .spca-pm-card *,
#wcdp .spca-donor-type__tab, #wcdp .spca-donor-type__tab * {
	white-space: normal !important;
	overflow-wrap: anywhere !important;
	word-break: break-word;
	box-sizing: border-box;
	max-width: 100%;
}
#wcdp .spca-type-btn, #wcdp .spca-amt-card, #wcdp .spca-pm-card, #wcdp .spca-donor-type__tab {
	min-width: 0 !important;
	height: auto !important;
}

/* ---------- Exit-Intent — מוקאפ: קרם, פס ורוד עליון, עיגול 🐾 ---------- */
.spca-exit-overlay {
	position: fixed;
	inset: 0;
	background: rgba(30, 58, 138, 0.6);
	backdrop-filter: blur(4px);
	z-index: 999999;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 16px;
}
.spca-exit-modal {
	position: relative;
	width: min(448px, 94vw);
	background: var(--spca-cream-2);
	border-radius: 24px;
	border-top: 8px solid var(--spca-pink);
	padding: 32px;
	text-align: center;
	box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}
.spca-exit-paw {
	margin: 0 auto 16px;
	display: grid;
	place-items: center;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	background: var(--spca-pink-soft);
	font-size: 2rem;
}
.spca-exit-close {
	position: absolute;
	top: 12px;
	inset-inline-end: 12px;
	width: 36px !important;
	height: 36px !important;
	min-width: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	border: 0 !important;
	border-radius: 50% !important;
	background: transparent !important;
	box-shadow: none !important;
	color: var(--spca-muted) !important;
	font-size: 1.5rem !important;
	line-height: 36px !important;
	font-weight: 400 !important;
	cursor: pointer;
	z-index: 2;
}
.spca-exit-close:hover { background: #efe9db !important; color: #444 !important; }
.spca-exit-title {
	margin: 0 0 12px;
	padding: 0 6px;
	color: var(--spca-navy);
	font-size: 1.6rem;
	font-weight: 800;
	line-height: 1.25;
}
.spca-exit-body {
	margin: 0 0 24px;
	color: rgba(30, 58, 138, 0.8);
	font-size: 1rem;
	line-height: 1.6;
}
.spca-exit-actions { display: flex; flex-direction: column; gap: 10px; }
@media (min-width: 640px) { .spca-exit-actions { flex-direction: row; } .spca-exit-actions > * { flex: 1; } }
.spca-exit-stay {
	background: linear-gradient(180deg, var(--spca-pink) 0%, var(--spca-pink-dark) 100%) !important;
	border: 0 !important;
	color: #fff !important;
	font-weight: 700 !important;
	font-size: 1rem !important;
	padding: 14px 18px !important;
	border-radius: 12px !important;
	box-shadow: var(--spca-shadow-pink) !important;
	cursor: pointer;
}
.spca-exit-stay:hover { filter: brightness(1.05); }
.spca-exit-leave {
	border: 2px solid #dfd8c7 !important;
	background: transparent !important;
	box-shadow: none !important;
	color: var(--spca-navy) !important;
	text-decoration: none !important;
	cursor: pointer;
	font-size: 0.95rem !important;
	font-weight: 600 !important;
	padding: 12px 18px !important;
	border-radius: 12px !important;
	margin: 0 !important;
	width: auto !important;
}
.spca-exit-leave:hover { border-color: var(--spca-navy) !important; background: #fff !important; }

/* ---------- פופאפ "הסליקה נכשלה" ---------- */
.spca-fail-overlay {
	position: fixed;
	inset: 0;
	background: rgba(30, 58, 138, 0.6);
	backdrop-filter: blur(4px);
	z-index: 999999;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 16px;
}
.spca-fail-modal {
	width: min(448px, 94vw);
	background: #fff;
	border-radius: 24px;
	border-top: 8px solid #dc2626;
	padding: 32px;
	text-align: center;
	box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}
.spca-fail-x {
	margin: 0 auto 16px;
	display: grid;
	place-items: center;
	width: 72px;
	height: 72px;
	border-radius: 50%;
	background: #dc2626;
	box-shadow: 0 12px 28px -10px rgba(220, 38, 38, 0.5);
}
.spca-fail-x svg { width: 36px; height: 36px; }
.spca-fail-title { margin: 0 0 10px; color: var(--spca-navy); font-size: 1.6rem; font-weight: 800; }
.spca-fail-body { margin: 0 0 22px; color: rgba(30, 58, 138, 0.8); font-size: 1rem; line-height: 1.6; }
.spca-fail-retry {
	background: linear-gradient(180deg, var(--spca-pink) 0%, var(--spca-pink-dark) 100%) !important;
	border: 0 !important;
	color: #fff !important;
	font-weight: 700 !important;
	font-size: 1.05rem !important;
	padding: 14px 32px !important;
	border-radius: 12px !important;
	box-shadow: var(--spca-shadow-pink) !important;
	cursor: pointer;
}
.spca-fail-retry:hover { filter: brightness(1.05); }

/* ---------- עמוד תודה (order-received) ---------- */
/* מסתיר את פלט ברירת-המחדל של WooCommerce עבור הזמנות תרומה — הכרטיס שלנו מחליף אותו */
body.spca-donate-thankyou .woocommerce-thankyou-order-received,
body.spca-donate-thankyou .woocommerce-order-overview,
body.spca-donate-thankyou .woocommerce-order-details,
body.spca-donate-thankyou .woocommerce-customer-details,
body.spca-donate-thankyou .woocommerce-notice--success,
body.spca-donate-thankyou .woocommerce-notice--error,
body.spca-donate-thankyou .wcdp-heading,
body.spca-donate-thankyou .woocommerce-order > p:not([class]) { display: none !important; }

.spca-thanks {
	max-width: 672px;
	margin: 0 auto;
	padding: 48px 16px 80px;
}
.spca-thanks__card {
	background: #fff;
	border: 1px solid var(--spca-border);
	border-radius: 24px;
	box-shadow: var(--spca-shadow-soft);
	padding: 48px 32px;
	text-align: center;
}
.spca-thanks__check {
	margin: 0 auto;
	display: grid;
	place-items: center;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background: var(--spca-green);
	box-shadow: var(--spca-shadow-green);
	animation: spca-fade-up 0.4s ease-out;
}
.spca-thanks__check svg { width: 44px; height: 44px; }
.spca-thanks__check--fail { background: #dc2626; box-shadow: 0 12px 28px -10px rgba(220, 38, 38, 0.5); }
.spca-thanks__title {
	margin: 24px 0 0;
	font-size: clamp(1.8rem, 4vw, 2.4rem);
	font-weight: 800;
	color: var(--spca-navy) !important;
}
.spca-thanks__sub { margin: 12px 0 0; font-size: 1.1rem; color: rgba(30, 58, 138, 0.75); line-height: 1.6; }
.spca-thanks__monthly { margin: 8px 0 0; font-size: 1.05rem; font-weight: 600; color: var(--spca-green-dark); line-height: 1.6; }
.spca-thanks__amount {
	display: inline-block;
	margin-top: 24px;
	background: var(--spca-green-soft);
	border-radius: 16px;
	padding: 12px 20px;
}
.spca-thanks__amount-label {
	display: block;
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	color: var(--spca-green-dark);
}
.spca-thanks__amount-value {
	display: block;
	font-size: 1.9rem;
	font-weight: 800;
	color: var(--spca-navy);
}
.spca-thanks__share {
	margin-top: 32px;
	display: grid;
	grid-template-columns: 1fr;
	gap: 12px;
}
@media (min-width: 640px) { .spca-thanks__share { grid-template-columns: 1fr 1fr; } }
.spca-thanks__share-btn {
	display: block;
	color: #fff !important;
	font-weight: 700;
	font-size: 1rem;
	border-radius: 12px;
	padding: 0.9rem 1.5rem;
	text-align: center;
	text-decoration: none !important;
	transition: transform 0.15s ease, filter 0.15s ease;
}
.spca-thanks__share-btn:hover { transform: translateY(-1px); filter: brightness(1.05); }
.spca-thanks__share-btn--wa { background: #25d366; box-shadow: 0 12px 28px -10px rgba(37, 211, 102, 0.45); }
.spca-thanks__share-btn--fb { background: #1877f2; box-shadow: 0 12px 28px -10px rgba(24, 119, 242, 0.45); }
.spca-thanks__share-btn--retry {
	display: inline-block;
	margin-top: 8px;
	background: linear-gradient(180deg, var(--spca-pink) 0%, var(--spca-pink-dark) 100%);
	box-shadow: var(--spca-shadow-pink);
}
.spca-thanks__back {
	display: inline-block;
	margin-top: 24px;
	font-size: 0.9rem;
	font-weight: 600;
	color: rgba(30, 58, 138, 0.7) !important;
	text-decoration: underline !important;
	text-underline-offset: 4px;
}
.spca-thanks__back:hover { color: var(--spca-pink) !important; }

/* ---------- מסך הזמנה באדמין ---------- */
.spca-order-meta {
	margin-top: 12px;
	padding: 10px 12px;
	background: #fafafa;
	border: 1px solid #e3e3e3;
	border-radius: 6px;
}
.spca-order-meta h4 { margin: 0 0 6px; }

/* ---- Social Proof toasts — כרטיס לבן עם לב (מוקאפ) ------------------ */
.spca-sp-toast {
	position: fixed;
	inset-block-end: 24px;
	inset-inline-start: 24px; /* RTL → צד ימין של המסך */
	z-index: 1000000; /* מעל ה-exit-overlay (999999) — כדי שטוסט ה-exit-boost ייראה גם כשהמודאל פתוח */
	display: flex;
	align-items: center;
	gap: 13px;
	width: 320px;
	max-width: calc( 100vw - 32px );
	padding: 14px 16px;
	background: #fff;
	border: 1px solid var(--spca-border);
	border-radius: 16px;
	box-shadow: var(--spca-shadow-soft);
	font-size: 14px;
	line-height: 1.35;
	color: var(--spca-navy);
	overflow: hidden; /* גוזר את בר ההתקדמות לפינות המעוגלות */
	opacity: 0;
	transform: translateY( 14px ) scale( 0.98 );
	transition: opacity 0.4s cubic-bezier( 0.16, 1, 0.3, 1 ), transform 0.4s cubic-bezier( 0.16, 1, 0.3, 1 );
	pointer-events: auto;
}
.spca-sp-toast.is-in { opacity: 1; transform: translateY( 0 ) scale( 1 ); }

/* תג הלב — עיגול ירוק-רך (מוקאפ) */
.spca-sp-icon {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: var(--spca-green-soft);
	color: var(--spca-green-dark);
}
.spca-sp-icon svg { width: 22px; height: 22px; animation: spca-sp-beat 1.5s ease-in-out infinite; }

/* טקסט */
.spca-sp-body { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.spca-sp-text { font-weight: 600; font-size: 14px; line-height: 1.35; color: var(--spca-navy); }
.spca-sp-time { font-size: 12px; color: var(--spca-muted); }
.spca-sp-time:empty { display: none; }

/* כפתור סגירה — איפוס קשיח נגד עיצוב כפתורי הערכה (Woo/Elementor) */
.spca-sp-close {
	position: absolute;
	inset-block-start: 8px;
	inset-inline-end: 9px; /* RTL → פינה שמאלית-עליונה, מנוגד ללב */
	display: flex !important;
	align-items: center;
	justify-content: center;
	width: 20px !important;
	height: 20px !important;
	min-width: 0 !important;
	min-height: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 50% !important;
	box-shadow: none !important;
	color: #c4c8cf !important;
	font-size: 16px;
	font-weight: 400;
	line-height: 1;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
	transition: background-color 0.15s ease, color 0.15s ease;
}
.spca-sp-close:hover { color: #6b7280 !important; background: rgba( 17, 24, 39, 0.06 ) !important; }
.spca-sp-close:focus-visible { outline: 2px solid var( --spca-pink ); outline-offset: 1px; }

/* בר ספירה-לאחור */
.spca-sp-bar {
	position: absolute;
	inset-block-end: 0;
	inset-inline: 0;
	height: 3px;
	background: linear-gradient( 90deg, var( --spca-pink ), #ff7aa6 );
	transform-origin: inline-start;
	transform: scaleX( 1 );
}
.spca-sp-toast.is-in .spca-sp-bar {
	animation: spca-sp-countdown var( --spca-sp-duration, 5000ms ) linear forwards;
}
.spca-sp-toast.is-paused .spca-sp-bar,
.spca-sp-toast.is-paused .spca-sp-icon svg { animation-play-state: paused; }

/* ---------- אנימציות ---------- */
@keyframes spca-sp-countdown { from { transform: scaleX( 1 ); } to { transform: scaleX( 0 ); } }
@keyframes spca-sp-beat {
	0%, 100% { transform: scale( 1 ); }
	14% { transform: scale( 1.18 ); }
	28% { transform: scale( 1 ); }
	42% { transform: scale( 1.1 ); }
	56% { transform: scale( 1 ); }
}
@keyframes spca-fade-up {
	from { transform: translateY(12px); opacity: 0; }
	to { transform: translateY(0); opacity: 1; }
}
@keyframes spca-pulse-soft {
	0%, 100% { box-shadow: 0 0 0 0 rgba(255, 74, 131, 0.5); }
	50% { box-shadow: 0 0 0 12px rgba(255, 74, 131, 0); }
}

@media ( max-width: 600px ) {
	.spca-sp-toast {
		inset-inline: 12px;
		width: auto;
	}
}
@media ( prefers-reduced-motion: reduce ) {
	.spca-sp-toast { transition: opacity 0.3s ease; transform: none; }
	.spca-sp-toast.is-in { transform: none; }
	.spca-sp-toast.is-in .spca-sp-bar,
	.spca-sp-icon svg { animation: none; }
	.spca-stories__img { transition: none; }
}

/* ---------- donate-en (נעם 16/07) ---------- */

/* EN בדסקטופ: הטופס נשאר בעמודה הימנית כמו במוקאפ (ב-LTR הסדר הדומי מתהפך ויזואלית — מחזירים) */
@media (min-width: 1024px) {
	.spca-lang-en .spca-form-col { order: 2; }
	.spca-lang-en .spca-stories  { order: 1; }
}

/* בורר קידומת מדינה לטלפון (EN בלבד) — בורר + שדה זה-לצד-זה, שני תיבות נפרדות.
   ⚠️ WooCommerce מפעיל Select2 על כל select בטופס — הוא הופך את ה-<select> לווידג'ט
   רחב (span.select2) שדחס את הבורר ואת שדה הטלפון. מכריחים את ה-select ה-native חזרה
   ומסתירים את span.select2. (21/07, הערת נעם — השדה נראה שבור.) */
.spca-phone-wrap {
	display: flex !important;
	align-items: stretch;
	gap: 8px;
}
.spca-phone-wrap .select2 { display: none !important; }   /* השבתת ווידג'ט Select2 הרחב */
/* מבטלים לגמרי את select2-hidden-accessible (clip/position/width:1px) שמחביא את ה-native */
.spca-phone-wrap .spca-cc,
.spca-phone-wrap .spca-cc.select2-hidden-accessible {
	display: block !important;
	position: static !important;
	flex: 0 0 auto !important;
	width: 96px !important;
	max-width: 96px !important;
	height: auto !important;
	clip: auto !important;
	clip-path: none !important;
	overflow: visible !important;
	margin: 0 !important;
	padding-inline: 8px !important;
	opacity: 1 !important;
	white-space: normal !important;
	font-weight: 600;
	cursor: pointer;
}
.spca-phone-wrap input.input-text {
	flex: 1 1 auto !important;
	width: auto !important;
	min-width: 0 !important;
}

/* ---------- צמצום ריווחים אנכיים — שהטופס ייכנס בכרטיס בלי scroll (נעם 21/07) ---------- */
/* חל על שתי השפות; באנגלית תיבת ה-International אוכלת גובה מאזור הגלילה, לכן קריטי שם. */
#wcdp input.input-text,
#wcdp select,
#wcdp textarea { padding-top: 0.42rem !important; padding-bottom: 0.42rem !important; }  /* 53px → ~39px */
#wcdp .form-row label { margin-bottom: 2px !important; }                                 /* 6 → 2 */
#wcdp .form-row { margin-bottom: 2px !important; }                                       /* 6 → 2 */
.spca-donor-type { margin: 0 0 8px !important; }                                         /* 22 → 8 */
.spca-donor-type__tab { min-height: 36px !important; padding: 6px 10px !important; }     /* 44 → 36 */
.spca-donor-type__note { margin: 6px 0 2px !important; padding: 7px 12px !important; }
.spca-donor-type__note--tax { line-height: 1.35 !important; font-size: 0.85rem !important; }
/* textarea ההערות — 2 שורות מספיקות, גובה קומפקטי */
#wcdp textarea { min-height: 0 !important; }
/* שלב 1 — ריווח קומפקטי (גם שם יש עודף עם 4 כרטיסים + בורר + סכום-אחר + כפתור) */
.spca-amt-grid { gap: 8px !important; }
.spca-amt-card { padding: 12px 14px !important; }

/* תיבת International Donors (EN בלבד) — מתחת לשורת האמון בכרטיס הטופס */
.spca-intl { margin: 14px 16px 16px; }
/* ‏!important — ה-kit של אלמנטור (.elementor-kit-35204 button) צובע כל button בוורוד/לבן ודורס
   אותנו בספציפיות (הערת נעם 21/07: "נראה כמו כפתור התרומה"). white-space: התמה כופה nowrap על
   buttons → הטקסט הארוך קבע min-content של ‎~450px וניפח את הגריד — זו בעיית המובייל של donate-en. */
.spca-intl__btn {
	width: 100%;
	min-width: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	font-size: 0.9rem;
	font-weight: 600;
	color: var(--spca-navy, #1e3a5f) !important;
	background: rgba(255, 255, 255, 0.6) !important;
	border: 1px solid #e6ddc8 !important;
	border-radius: 12px;
	padding: 12px 16px;
	cursor: pointer;
	white-space: normal !important;
	text-align: center;
	transition: background 0.15s, border-color 0.15s;
}
.spca-intl__btn:hover { background: #fff !important; border-color: #dcd4c1 !important; }
.spca-intl__card {
	margin-top: 12px;
	background: #fff;
	border: 1px solid #e6ddc8;
	border-radius: 16px;
	padding: 20px;
	box-shadow: 0 8px 24px rgba(30, 58, 95, 0.08);
}
.spca-intl__card h4 {
	margin: 0 0 12px;
	font-size: 1rem;
	font-weight: 700;
	color: var(--spca-navy, #1e3a5f);
}
.spca-intl__card p {
	margin: 0 0 12px;
	font-size: 0.875rem;
	line-height: 1.55;
	color: var(--spca-navy, #1e3a5f);
	font-weight: 600;
}
.spca-intl__card p:last-child { margin-bottom: 0; }
.spca-intl__note {
	border: 1px dashed rgba(30, 58, 95, 0.3);
	border-radius: 12px;
	padding: 12px;
	background: rgba(250, 246, 237, 0.5);
}
.spca-intl__card a {
	font-weight: 800;
	color: var(--spca-navy, #1e3a5f);
	text-decoration: underline;
	text-underline-offset: 2px;
}
.spca-intl__card a:hover { color: var(--spca-pink, #ff4a83); }

/* ---------- קופסת ההקדשה (מוקאפ Lovable — הערת נעם 21/07) ---------- */
.spca-ded-box {
	background: var(--spca-cream, #faf8f5);
	border: 1px solid var(--spca-border, #e6ddc8);
	border-radius: 16px;
	padding: 12px 14px;
	margin: 4px 0 8px;
}
.spca-ded-note {
	margin: 0 0 8px !important;
	font-size: 0.8rem;
	line-height: 1.5;
	color: rgba(30, 58, 95, 0.8);
	display: flex;
	align-items: flex-start;
	gap: 6px;
}

/* ---------- הסתרת ה-footer הדיפולטי של תמת Hello ("סטריפ לבן למטה", נעם 21/07) ----------
   ה-CSS הזה נטען רק בהקשרי תרומה (donate/donate-en/עמוד תודה). בעברית הוא כבר מוסתר
   דרך ה-Custom CSS של עמוד 45941 באלמנטור — הכלל כאן משלים את donate-en ואת עמוד התודה. */
#site-footer.site-footer { display: none !important; }