/* ========================================
   EXAM MENU WRAPPER
======================================== */

.exam-menu-wrapper {

	position: sticky;

	top: 0;

	z-index: 999;

	background: #ffffff;

	border-bottom: 1px solid #e5e7eb;
}

/* ========================================
   MENU CONTAINER
======================================== */

.exam-menu {

	display: flex;

	align-items: center;

	gap: 12px;

	overflow-x: auto;

	white-space: nowrap;

	padding: 10px 5px;

	scroll-behavior: smooth;

	-webkit-overflow-scrolling: touch;

	scrollbar-width: none;
}

/* Hide Scrollbar */
.exam-menu::-webkit-scrollbar {

	display: none;
}

/* ========================================
   MENU LINKS
======================================== */

.exam-menu a {

	flex: 0 0 auto;

	display: inline-flex;

	align-items: center;

	justify-content: center;

	padding: 7px 14px;

	border-radius: 999px;

	background: #f3f4f6;

	color: #374151;

	font-size: 14px;

	font-weight: 500;

	line-height: 1;

	text-decoration: none;

	transition:
		background 0.2s ease,
		color 0.2s ease,
		transform 0.2s ease;
}

/* Hover */
.exam-menu a:hover {

	background: #e8f1ff;

	color: #1a73e8;

	transform: translateY(-1px);
}

/* Active */
.exam-menu a.active {

	background: #1a73e8;

	color: #ffffff;
}

/* ========================================
   MOBILE
======================================== */

@media (max-width: 768px) {

	.exam-menu {

		gap: 10px;

		padding: 8px 4px;
	}

	.exam-menu a {

		padding: 6px 12px;

		font-size: 13px;
	}
}