/*
 * WooCommerce – Email reminder (Figma 800:2129, 1280×2796; 120px gap after it in the pattern).
 * Heading (1242:8935, 1280×116): Section Divider + H4 title 722 wide; 40px below it the "cards" frame
 * (1241:8926, 1280×2640): radius 20, 1px orange-30 border (inside), left→right white → orange-30 gradient,
 * six 440-tall rows separated by 1px orange-30 lines (Figma: each row's bottom stroke, drawn outside, so
 * the line is the first pixel row of the next row). Row: text 400 wide at x 40, illustration right-aligned
 * at x 1240 (row 6: a pair ending at x 1123), both vertically centred.
 */

.rs-woo-email__head > * {
	margin: 0;
}

.rs-woo-email__title {
	max-width: 722px;
}

/* ---- Cards ---- */
.rs-woo-email__cards {
	border-radius: var(--wp--preset--border-radius--20);
	background: linear-gradient(90deg, var(--wp--preset--color--white), var(--wp--preset--color--orange-30));
	box-shadow: inset 0 0 0 1px var(--wp--preset--color--orange-30);
}

.rs-woo-email__cards > .rs-woo-email__row {
	box-sizing: border-box;
	min-height: 440px;
	margin: 0;
	padding: 46px 40px;
}

.rs-woo-email__cards > .rs-woo-email__row + .rs-woo-email__row {
	box-shadow: inset 0 1px 0 var(--wp--preset--color--orange-30);
}

.rs-woo-email__row > * {
	margin: 0;
}

.rs-woo-email__row > .rs-woo-email__text {
	flex: 0 1 400px;
	min-width: 300px;
}

.rs-woo-email__text > * {
	margin: 0;
}

/* Figma: rgba(0, 0, 0, 0.7) over the gradient (no palette token). */
.rs-woo-email__desc {
	color: rgb(0 0 0 / 0.7);
}

/* Illustrations (Figma image fills): fixed Figma size, shrink with the row. */
.rs-woo-email__row > .rs-woo-email__image,
.rs-woo-email__row > .rs-woo-email__pair,
.rs-woo-email__pair > .rs-woo-email__image {
	flex: 0 1 auto;
	min-width: 0;
	margin: 0;
}

.rs-woo-email__image img {
	display: block;
	max-width: 100%;
	height: auto;
}

/* Row 6: the pair ends 117px before the row's right padding (x 1123 of 1280). */
.rs-woo-email__row > .rs-woo-email__pair {
	margin-right: 117px;
}

/* ---- Responsive ---- */
@media (max-width: 1279px) {
	.rs-woo-email__cards > .rs-woo-email__row {
		min-height: 0;
		padding: 40px 32px;
	}

	.rs-woo-email__row > .rs-woo-email__pair {
		margin-right: 0;
	}
}

@media (max-width: 1023px) {
	.rs-woo-email .rs-woo-email__row {
		flex-direction: column;
		align-items: flex-start;
		gap: 32px;
	}

	.rs-woo-email__row > .rs-woo-email__text {
		flex: none;
		width: 100%;
		max-width: 560px;
		min-width: 0;
	}

	.rs-woo-email__row > .rs-woo-email__image,
	.rs-woo-email__row > .rs-woo-email__pair {
		align-self: center;
		max-width: 100%;
	}
}

@media (max-width: 781px) {
	.rs-woo-email .rs-woo-email__row {
		gap: 24px;
	}

	.rs-woo-email__cards > .rs-woo-email__row {
		padding: 32px 20px;
	}

	.rs-woo-email .rs-woo-email__pair {
		gap: 16px;
	}

	.rs-woo-email .rs-eyebrow.has-rule {
		white-space: normal;
	}
}