/*
 * Odosielaný formulár (webroot/js/views/submit_once.js). Tlačidlo sa
 * nevypína atribútom `disabled` — vypnuté tlačidlo by prehliadač z
 * odoslaných údajov vynechal a formulár s viacerými tlačidlami by nevedel,
 * ktoré bolo stlačené. Druhé odoslanie zastaví skript, toto je len vzhľad.
 */
.is-submitting {
	opacity: .7;
	cursor: wait;
	pointer-events: none;
}

.submit-spinner {
	display: inline-block;
	width: 1em;
	height: 1em;
	margin-right: .5em;
	vertical-align: -.15em;
	border: 2px solid currentColor;
	border-right-color: transparent;
	border-radius: 50%;
	animation: submit-spinner .75s linear infinite;
}

/*
 * Tlačidlo <button> počas odosielania: obsah (text, logo Google) ostáva na
 * mieste, aby tlačidlo nezmenilo šírku, ale je neviditeľný; v strede sa
 * točí koliesko vo farbe textu tlačidla (nastaví ho skript).
 */
.is-submitting--button {
	position: relative;
	color: transparent !important;
}

.is-submitting--button > :not(.submit-spinner--overlay) {
	visibility: hidden;
}

.submit-spinner--overlay {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1.25em;
	height: 1.25em;
	margin: -.625em 0 0 -.625em;
	visibility: visible;
}

.submit-spinner__label {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

@keyframes submit-spinner {
	to {
		transform: rotate(360deg);
	}
}

@media (prefers-reduced-motion: reduce) {
	.submit-spinner {
		animation-duration: 2s;
	}
}