/* Formularze AJAX: animowana ikonka "spinner" na przycisku wysyłki. */

.asariplug-form-submitting {
	position: relative;
}

.asariplug-form-spinner {
	position: absolute; /* pozycję (left/top) ustawia skrypt względem przycisku */
	width: 1em;
	height: 1em;
	border: 2px solid currentColor;
	border-top-color: transparent;
	border-radius: 50%;
	animation: asariplug-form-spin .6s linear infinite;
	pointer-events: none;
}

@keyframes asariplug-form-spin {
	to { transform: rotate(360deg); }
}


/* Listy AJAX: przygaszenie treści i spinner na czas wczytywania kolejnej strony. */

.widget-offers.is-loading {
	position: relative;
}

/* przejście deklarujemy na stanie podstawowym, inaczej powrót do pełnej widoczności
   (zdjęcie klasy) nie byłby animowany */
.widget-offers > * {
	transition: opacity .15s linear;
}

.widget-offers.is-loading > *,
.widget-offers.is-appearing > * {
	opacity: .5;
}

.widget-offers.is-loading > * {
	pointer-events: none;
}

.widget-offers.is-loading::after {
	content: '';
	position: fixed; /* środek okna, nie sekcji - lista bywa wyższa niż ekran */
	top: 50%;
	left: 50%;
	z-index: 10;
	width: 2.5em;
	height: 2.5em;
	margin: -1.25em 0 0 -1.25em;
	border: 3px solid currentColor;
	border-top-color: transparent;
	border-radius: 50%;
	animation: asariplug-form-spin .6s linear infinite;
	pointer-events: none;
}