/**
 * Hive5 Contest Public CSS
 *
 * Minimal custom styles for contest functionality
 * Main styling is handled by tailwind-lite.css
 *
 * @package Hive5_Contest
 * @since   1.0.0
 */

/* Force visibility of main contest container */
.contest-page {
	background-color: #C4D82E !important; /* Force green background to test loading */
	margin: 0 !important;
	padding: 0 !important;
}

.w-full.h-auto.relative.bg-primary-green {
	display: block !important;
	width: 100% !important;
	min-height: 100vh !important;
	background-color: #C4D82E !important;
	position: relative !important;
}

/* Navigation menu styling */
.contest-nav-menu {
	list-style: none;
	margin: 0;
	padding: 0;
}

.contest-nav-menu li {
	display: inline-flex;
}

.contest-nav-menu a {
	color: #000033;
	text-decoration: none;
	font-family: 'Unbounded', sans-serif;
	font-size: 1rem;
	font-weight: normal;
	transition: opacity 0.2s ease;
}

.contest-nav-menu a:hover {
	opacity: 0.7;
}

@media (min-width: 768px) {
	.contest-nav-menu a {
		font-size: 1.25rem;
	}
}

/* Form validation states */
.hive5-contest input.border-red-500 {
	border-color: #ef4444 !important;
	box-shadow: 0 0 0 1px #ef4444;
}

.hive5-contest input:focus {
	outline: none;
	border-color: #3b82f6;
	box-shadow: 0 0 0 1px #3b82f6;
}

/* Loading states */
.hive5-contest button:disabled {
	opacity: 0.6;
	cursor: not-allowed;
}

/* Modal animations */
.hive5-contest .modal-enter {
	animation: modalEnter 0.3s ease-out;
}

@keyframes modalEnter {
	from {
		opacity: 0;
		transform: scale(0.9);
	}
	to {
		opacity: 1;
		transform: scale(1);
	}
}

/* Error modal custom styling */
#errorModal .bg-white {
	animation: modalEnter 0.3s ease-out;
}

/* Contest page wrapper */
.hive5-contest-wrapper {
	min-height: 100vh;
}

/* Debug styles - remove after fixing */
.debug-visible {
	background-color: red !important;
	color: white !important;
	padding: 10px !important;
	border: 2px solid yellow !important;
}