/* Gift-card front styles. Base wizard look lives in theme wedo.css; overrides here. */

.lp-gc-success-w {
	max-width: 480px;
	margin: 0 auto;
	text-align: center;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	padding: 12px;
}

.lp-gc-success-code {
	font-size: 26px;
	font-weight: 700;
	letter-spacing: 2px;
	font-family: ui-monospace, Menlo, Consolas, monospace;
	margin: 6px 0 14px;
}

/*
 * Keep name / email / phone inside the wizard card.
 * Theme columns use 1fr 1fr without minmax(0,…), so inputs can blow past the card.
 */
.wedo-gifts-grid > .wedo-gifts-wizard {
	max-width: 100%;
	min-width: 0;
}

.wedo-gifts-wizard__cols {
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	max-width: 100%;
	min-width: 0;
}

.wedo-gifts-wizard__col,
.wedo-gifts-wizard__field {
	min-width: 0;
	max-width: 100%;
}

@media (max-width: 640px) {
	.wedo-gifts-wizard__cols {
		grid-template-columns: minmax(0, 1fr);
	}
}

.wedo-gifts-wizard__input {
	max-width: 100%;
	min-width: 0;
}

.wedo-gifts-wizard__field--phone .iti {
	width: 100%;
	max-width: 100%;
	min-width: 0;
	display: block;
}

.wedo-gifts-wizard__field--phone .iti input.wedo-gifts-wizard__input--phone,
.wedo-gifts-wizard__field--phone .wedo-gifts-wizard__input--phone {
	width: 100%;
	max-width: 100%;
}