/**
 * Descope Frontend Styles
 *
 * @package Descope_Auth
 */

/* Container styles */
#descope-login-container,
#descope-signup-container {
	margin: 20px 0;
}

#descope-login-mount,
#descope-signup-mount {
	min-height: 400px;
}

/* Error messages */
.descope-error {
	background-color: #f8d7da;
	color: #721c24;
	padding: 12px 15px;
	border: 1px solid #f5c6cb;
	border-radius: 4px;
	margin-bottom: 15px;
}

/* Loading state */
.descope-loading {
	text-align: center;
	padding: 40px;
}

.descope-loading::after {
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	border: 3px solid #f3f3f3;
	border-top: 3px solid #3498db;
	border-radius: 50%;
	animation: spin 1s linear infinite;
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

/* Logout button */
.descope-logout {
	cursor: pointer;
}

/* Responsive adjustments */
@media (max-width: 768px) {
	#descope-login-mount,
	#descope-signup-mount {
		min-height: 300px;
	}
}