/* Custom Scrollbar Styles */

/* Hide Scrollbar - visually hidden but functional */
.mn-scrollbar-hide {
	scrollbar-width: none; /* Firefox */
	-ms-overflow-style: none; /* IE and Edge */
}

.mn-scrollbar-hide::-webkit-scrollbar {
	display: none; /* Chrome, Safari, Opera */
}

/* Disable Scrollbar - hidden and non-functional */
.mn-scrollbar-disable {
	overflow: hidden !important;
}

/* Custom Scrollbar Base */
.mn-scrollbar-custom {
	scrollbar-width: thin;
	scrollbar-color: var(--mn-scrollbar-thumb, #888888) var(--mn-scrollbar-track, #f1f1f1);
}

/* Webkit Custom Scrollbar */
.mn-scrollbar-custom::-webkit-scrollbar {
	width: var(--mn-scrollbar-width, 8px);
	height: var(--mn-scrollbar-width, 8px);
}

.mn-scrollbar-custom::-webkit-scrollbar-track {
	background: var(--mn-scrollbar-track, #f1f1f1);
	border-radius: var(--mn-scrollbar-radius, 4px);
}

.mn-scrollbar-custom::-webkit-scrollbar-thumb {
	background: var(--mn-scrollbar-thumb, #888888);
	border-radius: var(--mn-scrollbar-radius, 4px);
	transition: background 0.3s ease;
}

.mn-scrollbar-custom::-webkit-scrollbar-thumb:hover {
	background: var(--mn-scrollbar-thumb-hover, #555555);
}

.mn-scrollbar-custom::-webkit-scrollbar-corner {
	background: var(--mn-scrollbar-track, #f1f1f1);
}

/* Global Page Scrollbar Styles */
html.mn-page-scrollbar-hide,
body.mn-page-scrollbar-hide {
	scrollbar-width: none;
	-ms-overflow-style: none;
}

html.mn-page-scrollbar-hide::-webkit-scrollbar,
body.mn-page-scrollbar-hide::-webkit-scrollbar {
	display: none;
}

html.mn-page-scrollbar-disable,
body.mn-page-scrollbar-disable {
	overflow: hidden !important;
}

html.mn-page-scrollbar-custom,
body.mn-page-scrollbar-custom {
	scrollbar-width: thin;
	scrollbar-color: var(--mn-page-scrollbar-thumb, #888888) var(--mn-page-scrollbar-track, #f1f1f1);
}

html.mn-page-scrollbar-custom::-webkit-scrollbar,
body.mn-page-scrollbar-custom::-webkit-scrollbar {
	width: var(--mn-page-scrollbar-width, 8px);
}

html.mn-page-scrollbar-custom::-webkit-scrollbar-track,
body.mn-page-scrollbar-custom::-webkit-scrollbar-track {
	background: var(--mn-page-scrollbar-track, #f1f1f1);
	border-radius: var(--mn-page-scrollbar-radius, 0px);
}

html.mn-page-scrollbar-custom::-webkit-scrollbar-thumb,
body.mn-page-scrollbar-custom::-webkit-scrollbar-thumb {
	background: var(--mn-page-scrollbar-thumb, #888888);
	border-radius: var(--mn-page-scrollbar-radius, 0px);
	transition: background 0.3s ease;
}

html.mn-page-scrollbar-custom::-webkit-scrollbar-thumb:hover,
body.mn-page-scrollbar-custom::-webkit-scrollbar-thumb:hover {
	background: var(--mn-page-scrollbar-thumb-hover, #555555);
}