/**
Theme Name: EBTA 2027
Author: Divbox.pl
Author URI: https://divbox.pl/
Description: Motyw potomny Astra dla strony Konferencji EBTA 2027 w Toruniu. Strona stworzona przez Agencję Marketingu Internetowego Divbox.pl
Version: 1.1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ebta2027
Template: astra
*/

/* Newsletter form ([ebta2027_newsletter]) – sits on the blue/teal gradient section */
.ebta-newsletter__form {
	display: grid;
	gap: 16px;
	color: var(--ast-global-color-4);
}

.ebta-newsletter__form p {
	margin: 0;
}

/* Astra colours form labels dark; on the gradient they must stay light. */
.ebta-newsletter .ebta-newsletter__form label {
	color: inherit;
}

.ebta-newsletter__field label {
	display: block;
	margin-bottom: 6px;
	font-weight: 600;
}

.ebta-newsletter__field input {
	width: 100%;
	padding: 12px 16px;
	border: 1px solid transparent;
	border-radius: 6px;
	background: var(--ast-global-color-4);
	color: var(--ast-global-color-2);
}

.ebta-newsletter__field input:focus,
.ebta-newsletter__consent input:focus-visible,
.ebta-newsletter__submit:focus-visible {
	outline: 2px solid var(--ast-global-color-4);
	outline-offset: 2px;
}

.ebta-newsletter__consent {
	display: flex;
	gap: 10px;
	align-items: flex-start;
	font-size: 14px;
	line-height: 1.5;
}

.ebta-newsletter__consent input {
	flex: none;
	width: 18px;
	height: 18px;
	margin-top: 2px;
	accent-color: var(--ast-global-color-2);
}

.ebta-newsletter__form a {
	color: inherit;
	text-decoration: underline;
}

.ebta-newsletter__submit {
	justify-self: start;
	padding: 12px 32px;
	border: 0;
	border-radius: 30px;
	background: var(--ast-global-color-2);
	color: var(--ast-global-color-4);
	font-weight: 600;
	cursor: pointer;
}

.ebta-newsletter__submit:hover {
	background: var(--ast-global-color-3);
	color: var(--ast-global-color-4);
}

.ebta-newsletter__submit:disabled {
	opacity: 0.7;
	cursor: wait;
}

.ebta-newsletter__message:empty {
	display: none;
}

.ebta-newsletter__message {
	padding: 12px 16px;
	border-radius: 6px;
	background: rgba(255, 255, 255, 0.15);
	font-weight: 600;
}

.ebta-newsletter__message.is-invalid,
.ebta-newsletter__message.is-rate_limited,
.ebta-newsletter__message.is-error {
	background: rgba(127, 29, 29, 0.55);
}

.ebta-newsletter__hp {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

@media (max-width: 544px) {
	.ebta-newsletter__submit {
		justify-self: stretch;
	}
}