/*
 * The band Newsletter above the footer (Newsletter.php, zadanie 9, bod 8): as on the old site (9.webp), beige (the beige
 * of its footer, --pg-beige), NEWSLETTER, the title and the text on the left, the e-mail and the green button in one row
 * on the right, the consent under them; under each other on a phone. The field, the error, the consent and the notices
 * are the form of the site (forms.css, layout.css). A line under the band before the footer, as on the old site.
 */
.pg-newsletter + .pg-footer__main { border-block-start: 1px solid var(--pg-muted); }

.pg-newsletter__inner {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: var(--pg-gap-block) var(--pg-gap-pdp);
	align-items: center;
}

.pg-newsletter__eyebrow { color: var(--pg-text); }

.pg-newsletter__lead {
	max-width: var(--pg-measure);
	font-size: var(--pg-lead);
	line-height: var(--pg-lh-lead);
}

.pg-newsletter__form { gap: var(--pg-gap-el); }

.pg-newsletter__row {
	display: flex;
	gap: 0;
}

.pg-newsletter__email {
	flex: 1 1 auto;
	min-width: 0;
}

.pg-newsletter__button { flex: none; }

.pg-newsletter__consent { font-size: var(--pg-text-s); }

/* The link in the small consent: 24 px to click or tap (WCAG 2.2 target size), the padding does not move the line. */
.pg-newsletter__consent a { padding-block: 4px; }

/* A link of our e-mail opened: the question and its button in place of the form (Newsletter::ask()). */
.pg-newsletter__question {
	font-size: var(--pg-lead);
	line-height: var(--pg-lh-lead);
}

.pg-newsletter__ask .pg-form__actions { justify-content: flex-start; }

@media (max-width: 1024px) {
	.pg-newsletter__inner { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 767px) {
	.pg-newsletter__row { flex-direction: column; gap: var(--pg-gap-el); }
	.pg-newsletter__button { width: 100%; }
}