/* doplnek k ecomail-form.css pro FSE weby (theme.json presety) - nacita se navic, jen kdyz wp_is_block_theme() */

.ec-form input[type="email"],
.ec-form input[type="text"] {
	border-radius: var(--wp--preset--spacing--20, 4px);
	padding: var(--wp--preset--spacing--20, 0.5rem) var(--wp--preset--spacing--30, 0.75rem);
	font-family: inherit;
	font-size: var(--wp--preset--font-size--medium, inherit);
}

.ec-form .ec-code-block {
	gap: var(--wp--preset--spacing--30, 1rem);
}

.ec-form .ec-code-block:not(.wp-block-columns) {
	display: flex;
	flex-direction: column;
}

.ec-form .ec-code-block .wp-block-columns {
	gap: var(--wp--preset--spacing--30, 1rem);
}

.ec-form .ec-div-block {
	gap: var(--wp--preset--spacing--30, 1rem);
}

.ec-form {
	gap: var(--wp--preset--spacing--30, 1rem);
}

.ec-form .ec-field-label {
	font-size: var(--wp--preset--font-size--small, 0.85rem);
}

/* ares-api vklada .ares-ico-status za input (viz ares-lookup.js) - absolutne
   pozicovane, aby nezvetsovalo vysku sloupce a nerozhazovalo zarovnani tlacitka */
.ec-form .wp-block-column:has(.ares-ico-input) {
	position: relative;
}

.ec-form .ares-ico-status {
	position: absolute;
	top: 100%;
	left: 0;
	margin-top: var(--wp--preset--spacing--20, 0.25rem);
	font-size: var(--wp--preset--font-size--small, 0.85rem);
}

/* prostor pod formularem pro absolutne pozicovany ares-ico-status,
   aby s nim .ec-message nekolidoval */
.ec-form:has(.ares-ico-input) {
	margin-bottom: calc(var(--wp--preset--font-size--small, 0.875rem) * 1.4 + var(--wp--preset--spacing--20, 0.25rem));
}

.ec-form .ares-ico-status.success {
	color: var(--wp--preset--color--contrast, inherit);
}

.ec-form .ares-ico-status.error {
	color: #c0392b;
}

/* pod 782px core wp-block-columns stackuje pole (.ec-code-block) pod sebe,
   proto i .ec-div-block prejde na sloupec, aby tlacitko sedelo pod poli vpravo, ne vedle nich */
@media (max-width: 781px) {
	.ec-form .ec-div-block {
		grid-template-columns: 1fr;
	}

	.ec-form .ec-div-block > .ec-link-button {
		grid-column: 1;
		grid-row: 2;
		justify-self: end;
	}
}
