/*
 * Visszajelzés a keresés indításakor.
 *
 * A keresés sima POST, tehát a válaszig a RÉGI oldal marad a képernyőn — a
 * felhasználó számára semmi nem jelzi, hogy a gomb elsült-e. Tartalomban és
 * napirendi pontokban keresve ez mérve 3,5 másodperc is lehet.
 *
 * Szándékosan a keresőpanel űrlapjára szűkítve: a .search-form osztály a
 * fiók-törlő oldalon is szerepel (.delete-account .search-form).
 */

.search-container .search-form .search-submit {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
}

.search-container .search-form[data-kereses-fut="true"] .search-submit {
	/* Nem a disabled attribútum: azt a form.js natív form.submit() hívása
	   megkerülné, és a gomb neve is kimaradna a beküldésből. */
	pointer-events: none;
	opacity: .8;
}

.search-container .search-form[data-kereses-fut="true"] .search-submit::before {
	content: "";
	flex: none;
	width: 1em;
	height: 1em;
	border: 2px solid currentColor;
	border-right-color: transparent;
	border-radius: 50%;
	animation: otv-kereses-forgas .7s linear infinite;
}

@keyframes otv-kereses-forgas {
	to {
		transform: rotate(360deg);
	}
}

/*
 * Akinek a rendszerében ki van kapcsolva a mozgás, annak ne pörögjön semmi. A
 * felirat cseréje ("Keresés folyamatban…") és a halványodás önmagában is
 * megmondja, hogy fut a keresés, tehát nincs szükség a forgásra.
 */
@media (prefers-reduced-motion: reduce) {
	.search-container .search-form[data-kereses-fut="true"] .search-submit::before {
		animation: none;
	}
}