/* ==========================================================================
   フォーム送信中のローディングオーバーレイ
   #footerContactForm / #showroomContactForm 等の送信時に表示
   ========================================================================== */

.form-loading-overlay {
	position: fixed;
	inset: 0;
	background-color: rgba(0, 0, 0, 0.6);
	z-index: 9999;
	display: none;
	align-items: center;
	justify-content: center;
}

.form-loading-overlay.is-visible {
	display: flex;
}

.form-loading-overlay__inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 16px;
}

.form-loading-overlay__spinner {
	width: 56px;
	height: 56px;
	border: 4px solid rgba(255, 255, 255, 0.25);
	border-top-color: #2cac6e;
	border-radius: 50%;
	animation: form-loading-spin 0.8s linear infinite;
}

.form-loading-overlay__text {
	margin: 0;
	color: #fff;
	font-size: 14px;
	font-weight: 500;
}

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