/* Newsletter as a slim bar at the top of the footer (inc/newsletter-slim.php).
   Overrides the card layout in pond.css: no photo, no overlap, one row in the
   footer's blue (#013A6B). */

.pond-newsletter,
.pond-store-page .pond-newsletter {
	padding: 0 !important;
	background: #013A6B !important;
	border-bottom: 1px solid rgba(255, 255, 255, .12);
}

.pond-newsletter__card {
	max-width: 1240px;
	margin: 0 auto !important;
	padding: 22px 20px;
	display: flex !important;
	align-items: center;
	gap: 28px;
	background: transparent !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	overflow: visible !important;
}

.pond-newsletter__media,
.pond-newsletter__eyebrow,
.pond-newsletter__text,
.pond-newsletter__note,
.pond-newsletter__label { display: none !important; }

.pond-newsletter__body,
.pond-newsletter--no-photo .pond-newsletter__body {
	flex: 1 1 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 12px 28px;
	padding: 0 !important;
}

.pond-newsletter__title {
	margin: 0 !important;
	color: #fff !important;
	font-size: 24px !important;
	line-height: 1.2 !important;
}

.pond-newsletter__form {
	margin: 0 !important;
	flex: 0 1 520px;
}

.pond-newsletter__fields { gap: 10px; flex-wrap: nowrap; }

.pond-newsletter__form .pond-newsletter__input {
	height: 46px;
	border-color: transparent !important;
}

.pond-newsletter__form .pond-newsletter__button {
	height: 46px;
	background: var(--pond-amber, #FFC23C) !important;
	color: var(--pond-blue-dark, #004E8C) !important;
	border-color: var(--pond-amber, #FFC23C) !important;
	white-space: nowrap;
}

.pond-newsletter__form .pond-newsletter__button:hover,
.pond-newsletter__form .pond-newsletter__button:focus-visible {
	background: #fff !important;
	border-color: #fff !important;
}

/* Thank-you / error line shows under the form in the bar. */
.pond-newsletter__message { flex-basis: 100%; margin: 6px 0 0 !important; }
.pond-newsletter__message[data-tone="ok"] { color: #fff !important; }
.pond-newsletter__message[data-tone="error"] { color: #FFB4A9 !important; }

/* The footer no longer needs room for the overlapping card. */
.e-con.pond-footer { padding-top: 56px !important; }

@media (max-width: 900px) {
	.pond-newsletter__card { display: block !important; padding: 22px 16px; }
	.pond-newsletter__body { display: block; }
	.pond-newsletter__title { font-size: 21px !important; text-align: center; margin-bottom: 12px !important; }
	.pond-newsletter__form { max-width: 520px; margin: 0 auto !important; }
	.e-con.pond-footer { padding-top: 0 !important; } /* its inner box already adds 40px */
}

@media (max-width: 480px) {
	.pond-newsletter__fields { flex-wrap: wrap; }
	.pond-newsletter__form .pond-newsletter__button { flex: 1 1 100%; }
}