/* =========================================================
   Subscribe Form — layout rules
   Inlined by subscribe-form.php; do not load as a separate request.
   ========================================================= */

/* CTA reveal ------------------------------------------------ */
.pwmisc-subscribe-form__cta {
	display: flex;
}

/* When CTA is active, hide the form until CTA is clicked */
.pwmisc-subscribe-form--has-cta .pwmisc-subscribe-form__form {
	display: none;
}

.pwmisc-subscribe-form--has-cta.pwmisc-subscribe-form--revealed .pwmisc-subscribe-form__cta {
	display: none;
}

.pwmisc-subscribe-form--has-cta.pwmisc-subscribe-form--revealed .pwmisc-subscribe-form__form {
	display: block;
}

/* Row 1 — email step ----------------------------------------- */
.pwmisc-subscribe-form__row {
	display: flex;
	gap: 12px;
	align-items: end;
}

/* Inline label + input pair */
.pwmisc-subscribe-form__label-input {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	align-items: center;
	gap: 16px;
	min-width: 0;
}

.pwmisc-subscribe-form__row .pwmisc-subscribe-form__label-input {
	flex: 1 1 auto;
}

.pwmisc-subscribe-form__label-input input {
	width: 100%;
}

/* Row 2 — revealed when expanded ---------------------------- */
.pwmisc-subscribe-form__details {
	display: none;
	gap: 12px;
	align-items: end;
	margin-top: 8px;
}

.pwmisc-subscribe-form--expanded .pwmisc-subscribe-form__details {
	display: flex;
	flex-direction: column;
	align-items: stretch;
}

.pwmisc-subscribe-form--expanded .pwmisc-subscribe-form__row {
	display: none;
}

.pwmisc-subscribe-form--expanded .pwmisc-subscribe-form__submit-btn {
	align-self: flex-end;
}

/* Messages -------------------------------------------------- */
.pwmisc-subscribe-form__message {
	margin-top: 1em;
}

.pwmisc-subscribe-form__message--success {
	color: #2e7d32;
}

.pwmisc-subscribe-form__message--error {
	color: #c62828;
}

/* Done state (success): hide the form ----------------------- */
.pwmisc-subscribe-form--done .pwmisc-subscribe-form__form {
	display: none;
}