/* Sidebar Sticky - Scrollda takip eden sidebar */

/* Sidebar sticky position */
.sidebar {
	position: sticky !important;
	top: 20px !important;
	align-self: flex-start !important;
	overflow: visible !important;
}

/* Custom scrollbar for sidebar */
.sidebar::-webkit-scrollbar {
	width: 6px;
}

.sidebar::-webkit-scrollbar-track {
	background: rgba(0, 0, 0, 0.2);
	border-radius: 3px;
}

.sidebar::-webkit-scrollbar-thumb {
	background: rgba(201, 168, 96, 0.3);
	border-radius: 3px;
	transition: background 0.3s ease;
}

.sidebar::-webkit-scrollbar-thumb:hover {
	background: rgba(201, 168, 96, 0.5);
}

/* Sidebar sections spacing */
.sidebar .sidebox {
	margin-bottom: 24px;
}

.sidebar .sidebox:last-child {
	margin-bottom: 0;
}

#sidebox_events {
	margin-bottom: 24px;
}

#sidebox_staff {
	margin-bottom: 24px;
}

#sidebox_leaderboard {
	margin-bottom: 0;
}

/* Body content container fix */
.body_content {
	display: flex !important;
	gap: 20px !important;
	align-items: flex-start !important;
}

/* Main content area */
.mainside {
	flex: 1 !important;
	min-width: 0 !important;
}

/* Sidebar fixed width */
.sidebar {
	flex: 0 0 300px !important;
	width: 300px !important;
}

/* Responsive - Disable sticky on smaller screens */
@media (max-width: 968px) {
	.sidebar {
		position: relative !important;
		top: auto !important;
		max-height: none !important;
		overflow-y: visible !important;
	}

	.body_content {
		flex-direction: column !important;
		gap: 30px !important;
	}

	.sidebar {
		flex: 0 0 auto !important;
		width: 100% !important;
	}
}

@media (max-width: 768px) {
	.body_content {
		gap: 25px !important;
	}
}

@media (max-width: 480px) {
	.body_content {
		gap: 20px !important;
	}
}

/* Smooth scroll behavior */
.sidebar {
	scroll-behavior: smooth;
}

/* Prevent sidebar from being taller than viewport */
@media (min-width: 969px) {
	.sidebar {
		position: -webkit-sticky !important;
		position: sticky !important;
	}
}