/*
 * Brina Subscribers — label fit for the existing footer sign-up form (Bricks "bysczj").
 * The button label changed from "Send" to "Subscribe" (owner-approved). The original
 * 25%-wide button cannot hold the longer label at ≤1200 px, so:
 *  - ≥992 px: the button sizes to its label and the email input takes the rest of the
 *    same row (form box, colors, type, heights and everything outside the form unchanged);
 *  - 768–991 px (tablet): input and button stack inside the column.
 * The footer column itself is hidden by the existing design at 479–767 px and the
 * Subscribe column at ≤478 px; those rules are not touched.
 *
 * Result messages auto-dismiss after ~4 s (footer-subscribe.js); the class below
 * only fades the existing message out — no change to its look while visible.
 */
form#brxe-bysczj .form-group:first-child {
	flex: 1 1 0;
	min-width: 0;
	width: auto;
}

form#brxe-bysczj .submit-button-wrapper {
	flex: 0 0 auto;
	width: auto;
}

form#brxe-bysczj .submit-button-wrapper .bricks-button {
	width: auto;
	padding-left: 12px;
	padding-right: 12px;
	white-space: nowrap;
}

@media (max-width: 991px) {
	form#brxe-bysczj {
		flex-direction: column;
		align-items: stretch;
	}

	form#brxe-bysczj .form-group:first-child,
	form#brxe-bysczj .submit-button-wrapper,
	form#brxe-bysczj .submit-button-wrapper .bricks-button {
		flex: 0 0 auto;
		width: 100%;
	}

	form#brxe-bysczj .form-group:first-child {
		padding-bottom: 10px;
	}
}

form#brxe-bysczj .message {
	transition: opacity 0.3s ease;
}

form#brxe-bysczj .message.brina-sub-fade {
	opacity: 0;
}

@media (prefers-reduced-motion: reduce) {
	form#brxe-bysczj .message {
		transition: none;
	}
}