/*
 * Newsletter (Brevo) form — everything is scoped to .latw-newsletter.
 *
 * Brevo's own stylesheet loads first (see inc/newsletter.php); selectors here
 * are deliberately a notch more specific than Brevo's (#sib-container ...) so
 * the theme palette wins without !important. Brevo's functional classes and
 * the hidden email_address_check field are left alone.
 */

.latw-newsletter {
	color: var(--color-ink);
	font-family: var(--font-body);
}

/* In-article: just the card, spaced from the content around it. */
.latw-newsletter--article {
	margin: 2.5rem 0;
}

/* Full-width band (home, blog, newsletter page) */
.latw-newsletter--section {
	padding: clamp(3rem, 7vw, 5rem) 1.25rem;
	background-color: var(--color-section-alt);
}

.latw-newsletter .sib-form,
.latw-newsletter #sib-container {
	font-family: var(--font-body);
}

.latw-newsletter .sib-form {
	padding: 0;
	background-color: transparent;
	text-align: left;
}

/* Brevo adds 16px of side padding to every block, which only squeezes the content inside our card. */
.latw-newsletter .sib-form-block,
.latw-newsletter .sib-input,
.latw-newsletter .sib-form__declaration {
	padding-left: 0;
	padding-right: 0;
}

.latw-newsletter .sib-form-container {
	max-width: 100%;
}

/* Card */
.latw-newsletter #sib-container {
	display: block;
	box-sizing: border-box;
	width: 100%;
	max-width: 40rem;
	margin: 0 auto;
	padding: clamp(1.25rem, 4vw, 2rem);
	background-color: var(--color-sand);
	border: 1px solid var(--color-stone);
	border-radius: 12px;
	text-align: left;
}

/* Success / error panels (display is toggled by Brevo's script — not touched here) */
.latw-newsletter .sib-form-message-panel {
	box-sizing: border-box;
	max-width: 40rem;
	margin: 0 auto 1rem;
	font-family: var(--font-body);
	line-height: 1.5;
}

/* Brevo shows a panel by adding --active, which is display:inline-block: it ignores margin:auto, so the message sat on the left while the card is centered. */
.latw-newsletter .sib-form-message-panel--active {
	display: block;
}

.latw-newsletter .sib-form-message-panel__text {
	display: flex;
	align-items: flex-start;
	gap: 0.6rem;
}

.latw-newsletter .sib-form-block {
	background-color: transparent;
}

/* Heading + pitch */
.latw-newsletter .latw-newsletter__title {
	margin: 0;
	color: var(--color-ink);
	font-family: var(--font-heading);
	font-size: clamp(1.5rem, 4.5vw, 2rem);
	font-weight: 500;
	line-height: 1.2;
}

.latw-newsletter .latw-newsletter__text-block p {
	margin: 0;
	color: var(--color-ink);
	font-size: 1rem;
	line-height: 1.6;
}

/* Fields */
.latw-newsletter .entry__label {
	display: block;
	margin-bottom: 0.4rem;
	color: var(--color-ink);
	font-family: var(--font-body);
	font-size: 0.95rem;
	font-weight: 600;
	text-align: left;
}

.latw-newsletter .entry__field {
	margin: 0;
}

.latw-newsletter #sib-container .input,
.latw-newsletter #sib-container input[type="text"] {
	box-sizing: border-box;
	width: 100%;
	padding: 0.75rem 1rem;
	background-color: #fff;
	border: 1px solid var(--color-stone);
	border-radius: 8px;
	color: var(--color-ink);
	font-family: var(--font-body);
	font-size: 1rem;
	line-height: 1.4;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.latw-newsletter #sib-container input::placeholder {
	color: var(--color-sage);
	font-family: var(--font-body);
	opacity: 0.7;
}

.latw-newsletter #sib-container .input:focus,
.latw-newsletter #sib-container input[type="text"]:focus {
	border-color: var(--color-terracotta);
	box-shadow: 0 0 0 3px rgba(181, 103, 62, 0.25);
	outline: 2px solid transparent;
}

.latw-newsletter .entry__error {
	margin-top: 0.4rem;
	font-size: 0.9rem;
	line-height: 1.4;
}

/* Consent line + its privacy-policy link (Brevo forces its own blue on #sib-container a) */
.latw-newsletter .sib-form__declaration {
	display: flex;
	align-items: flex-start;
	gap: 0.75rem;
}

.latw-newsletter .declaration-block-icon {
	flex: 0 0 auto;
	width: auto;
	padding: 0;
}

.latw-newsletter .latw-newsletter__consent p {
	margin: 0;
	color: var(--color-sage);
	font-family: var(--font-body);
	font-size: 0.875rem;
	line-height: 1.55;
	text-align: left;
}

.latw-newsletter #sib-container a,
.latw-newsletter #sib-container a:visited {
	color: var(--color-terracotta);
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.latw-newsletter #sib-container a:hover,
.latw-newsletter #sib-container a:focus-visible {
	color: var(--color-ink);
}

/* Submit button */
.latw-newsletter #sib-container .sib-form-block__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	box-sizing: border-box;
	width: 100%;
	padding: 0.85rem 1.75rem;
	background-color: var(--color-terracotta);
	border: 0;
	border-radius: 8px;
	color: var(--color-sand);
	font-family: var(--font-body);
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.2;
	text-align: center;
	cursor: pointer;
	transition: background-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.latw-newsletter #sib-container .sib-form-block__button:hover,
.latw-newsletter #sib-container .sib-form-block__button:focus-visible {
	background-color: var(--color-ink);
	color: var(--color-sand);
	box-shadow: 0 8px 22px rgba(27, 36, 32, 0.3);
	transform: translateY(-2px);
}

.latw-newsletter #sib-container .sib-form-block__button:focus-visible {
	outline: 2px solid var(--color-terracotta);
	outline-offset: 3px;
}

.latw-newsletter #sib-container .sib-form-block__button:active {
	transform: translateY(0);
}

.latw-newsletter #sib-container .sib-form-block__button-disabled,
.latw-newsletter #sib-container .sib-form-block__button[disabled] {
	opacity: 0.6;
	cursor: not-allowed;
	transform: none;
	box-shadow: none;
}

@media (min-width: 37.5em) {
	.latw-newsletter #sib-container .sib-form-block__button {
		width: auto;
	}
}

/* reCAPTCHA widget is 304px wide: shrink it on very narrow phones instead of overflowing the card. */
.latw-newsletter .g-recaptcha {
	transform-origin: 0 0;
}

@media (max-width: 22.5em) {
	.latw-newsletter .g-recaptcha {
		transform: scale(0.85);
	}
}