/* KOL BuddyPress Bottom Menu */

body {
	padding-bottom: var(--bbm-height, 80px);
}

body.kol-bbm-minimized {
	padding-bottom: 0;
}

.kol-bbm-container {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	height: var(--bbm-height, 80px);
	border-top: 1px solid #2a2a2a;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 9998;
	width: 100%;
	overflow: hidden;
	visibility: visible !important;
	transition: background-color 0.3s ease, border-color 0.3s ease;
}

html.dark-mode .kol-bbm-container {
	background-color: #1e1e1e;
	border-top-color: #2a2a2a;
}

html.light-mode .kol-bbm-container {
	background-color: #f5f5f5;
	border-top-color: #d0d0d0;
}

#kol-bbm-minimize-toggle {
	position: fixed;
	bottom: 0;
	left: 10px;
	display: none;
	align-items: center;
	justify-content: center;
	width: 25px;
	min-width: 25px;
	height: 40px;
	z-index: 9999;
	border-radius: 2px 2px 0 0;
	cursor: pointer;
	transition: background-color 0.3s ease, border-color 0.3s ease;
	border: 1px solid;
	border-bottom: 0;
	padding: 0;
	font-size: 0;
	line-height: 1;
	box-shadow: none;
	overflow: hidden;
}

html.dark-mode #kol-bbm-minimize-toggle {
	background-color: #1e1e1e;
	border-color: #2a2a2a;
	color: #e0e0e0;
}

html.light-mode #kol-bbm-minimize-toggle {
	background-color: #f5f5f5;
	border-color: #d0d0d0;
	color: #333333;
}

html.dark-mode #kol-bbm-minimize-toggle:hover,
html.dark-mode #kol-bbm-minimize-toggle:focus-visible {
	background-color: #2a2a2a;
}

html.light-mode #kol-bbm-minimize-toggle:hover,
html.light-mode #kol-bbm-minimize-toggle:focus-visible {
	background-color: #e5e5e5;
}

#kol-bbm-minimize-toggle .kol-bbm-toggle-icon {
	display: block;
	font-size: 28px;
	line-height: 1;
	pointer-events: none;
}

/* START: Menu Minimize Item */
.kol-bbm-minimize-item {
	position: absolute;
	left: 10px;
	right: auto;
	top: 0;
	transform: none;
	height: 100%;
	width: 30px;
	min-width: 30px;
	margin: 0;
	z-index: 2;
	border: 0 !important;
}

html.dark-mode .kol-bbm-minimize-item {
	border-left: 0.5px solid #2a2a2a;
}

html.light-mode .kol-bbm-minimize-item {
	border-left: 0.5px solid #d0d0d0;
}

.kol-bbm-minimize-link {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	width: 100%;
	padding: 0;
	border-radius: 0;
	cursor: pointer;
	transition: color 0.3s ease;
	font-size: 0;
	line-height: 1;
	white-space: nowrap;
	text-decoration: none !important;
	background: transparent !important;
	box-shadow: none !important;
	border: 0 !important;
}

html.dark-mode .kol-bbm-minimize-link {
	color: #e0e0e0;
}

html.light-mode .kol-bbm-minimize-link {
	color: #333333;
}

html.dark-mode .kol-bbm-minimize-link:hover,
html.dark-mode .kol-bbm-minimize-link:focus-visible {
	color: #ffffff;
}

html.light-mode .kol-bbm-minimize-link:hover,
html.light-mode .kol-bbm-minimize-link:focus-visible {
	color: #000000;
}

.kol-bbm-minimize-link .kol-bbm-toggle-icon {
	display: block;
	font-size: 28px;
	line-height: 1;
	pointer-events: none;
}
/* END: Menu Minimize Item */

.kol-bbm-menu {
	align-self: flex-end;
	height: 100%;
	display: flex;
	flex-direction: row;
	align-items: stretch;
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
	justify-content: center;
	flex-wrap: nowrap;
	gap: 0;
	overflow-y: hidden;
	overflow-x: hidden;
	scrollbar-width: none;
	position: relative;
}

.kol-bbm-menu::-webkit-scrollbar {
	display: none;
}

.kol-bbm-menu li {
	margin: 0;
	padding: 0;
	flex-shrink: 0;
	min-width: var(--bbm-spacing, 120px);
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}

html.dark-mode .kol-bbm-menu li {
	border-left: 0.5px solid #2a2a2a;
}

html.light-mode .kol-bbm-menu li {
	border-left: 0.5px solid #d0d0d0;
}

.kol-bbm-menu li:last-child {
	border-right: 0.5px solid;
}

html.dark-mode .kol-bbm-menu li:last-child {
	border-right-color: #2a2a2a;
}

html.light-mode .kol-bbm-menu li:last-child {
	border-right-color: #d0d0d0;
}

.kol-bbm-menu a {
	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: center;
	white-space: nowrap;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	transition: color 0.3s ease, background-color 0.3s ease;
	font-size: 16px;
}

.kol-bbm-menu a i,
.kol-bbm-menu a span {
	pointer-events: none;
}

html.dark-mode .kol-bbm-menu a {
	color: #e0e0e0;
}

html.light-mode .kol-bbm-menu a {
	color: #333333;
}

.kol-bbm-menu a i,
.kol-bbm-menu a span {
	pointer-events: none;
}

html.dark-mode .kol-bbm-menu a:hover {
	color: #ffffff;
	background-color: #2a2a2a;
	box-shadow: 0px 0px 12px rgba(42, 42, 42, 0.8), inset 0px 0px 8px rgba(255,255,255,0.1);
}

html.light-mode .kol-bbm-menu a:hover {
	color: #000000;
	background-color: #e5e5e5;
}

html.dark-mode .kol-bbm-menu .current-menu-item > a {
	color: #4CAF50;
}

html.light-mode .kol-bbm-menu .current-menu-item > a {
	color: #2e7d32;
}

/* Minimize state - ensure menu stays hidden */
body.kol-bbm-minimized #kol-bbm-bottom-menu {
	display: none !important;
}

body.kol-bbm-minimized #kol-bbm-minimize-toggle {
	display: flex !important;
}

/* Mobile adjustments for icon-only menu */
html.light-mode #kol-bbm-bottom-menu-icons,
html.dark-mode #kol-bbm-bottom-menu-icons {
	padding-left: 0;
	box-sizing: border-box;
}

html.light-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu,
html.dark-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu {
	width: 100%;
}

html.light-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu li,
html.dark-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu li {
	flex: 1;
	min-width: 60px;
}

/* Icons minimize button styling */
.kol-bbm-icons-minimize-btn {
	transition: color 0.3s ease !important;
}

html.dark-mode .kol-bbm-icons-minimize-btn {
	color: #e0e0e0;
}

html.light-mode .kol-bbm-icons-minimize-btn {
	color: #333333;
}

html.dark-mode .kol-bbm-icons-minimize-btn:hover,
html.dark-mode .kol-bbm-icons-minimize-btn:focus-visible {
	color: #ffffff;
}

html.light-mode .kol-bbm-icons-minimize-btn:hover,
html.light-mode .kol-bbm-icons-minimize-btn:focus-visible {
	color: #000000;
}

@media (max-width: 991px) {
	html.light-mode body.kol-bbm-minimized,
	html.dark-mode body.kol-bbm-minimized {
		padding-bottom: var(--bbm-height, 80px);
	}

	html.light-mode body.kol-bbm-minimized #kol-bbm-bottom-menu-icons,
	html.dark-mode body.kol-bbm-minimized #kol-bbm-bottom-menu-icons {
		display: flex !important;
	}

	html.light-mode #kol-bbm-minimize-toggle,
	html.light-mode #kol-bbm-icons-minimize-btn,
	html.light-mode .kol-bbm-icons-minimize-btn,
	html.dark-mode #kol-bbm-minimize-toggle,
	html.dark-mode #kol-bbm-icons-minimize-btn,
	html.dark-mode .kol-bbm-icons-minimize-btn {
		display: none !important;
	}

	html.light-mode #kol-bbm-bottom-menu-icons {
		background: linear-gradient(#ffffff, #f3f4f6);
		border-top: 1px solid #e5e7eb;
		box-shadow: 0 -4px 16px rgba(17, 24, 39, 0.12);
		color: #1f2937;
	}

	html.dark-mode #kol-bbm-bottom-menu-icons {
		background: linear-gradient(#222222, #1a1a1a);
		border-top: 1px solid #333333;
		box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.45);
		color: #e0e0e0;
	}

	html.light-mode #kol-bbm-bottom-menu-icons.kol-bbm-futuristic,
	html.dark-mode #kol-bbm-bottom-menu-icons.kol-bbm-futuristic {
		text-shadow: none !important;
	}

	html.light-mode #kol-bbm-bottom-menu-icons.kol-bbm-futuristic {
		background: linear-gradient(#ffffff, #f3f4f6) !important;
		border-top: 1px solid #e5e7eb !important;
		box-shadow: 0 -4px 16px rgba(17, 24, 39, 0.12) !important;
	}

	html.dark-mode #kol-bbm-bottom-menu-icons.kol-bbm-futuristic {
		background: linear-gradient(#222222, #1a1a1a) !important;
		border-top: 1px solid #333333 !important;
		box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.45) !important;
	}

	html.light-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu,
	html.dark-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu {
		align-items: center;
		gap: 6px;
		justify-content: space-around;
		overflow-x: auto;
		padding: 8px 8px 0;
		scrollbar-width: none;
	}

	html.light-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu::-webkit-scrollbar,
	html.dark-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu::-webkit-scrollbar {
		display: none;
	}

	html.light-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu li,
	html.dark-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu li {
		align-items: center;
		border: 0 !important;
		display: flex;
		flex: 1 1 0;
		height: 44px;
		justify-content: center;
		margin: 0;
		min-width: 52px;
		padding: 0;
	}

	html.light-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu a,
	html.dark-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu a {
		align-items: center;
		border: 1px solid;
		border-bottom: 0;
		border-radius: 5px 5px 0 0;
		box-sizing: border-box;
		display: flex;
		flex-direction: row;
		height: 44px;
		justify-content: center;
		line-height: 1;
		margin: 0;
		max-width: 84px;
		min-width: 48px;
		overflow: hidden;
		padding: 0 12px;
		text-decoration: none !important;
		transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
		width: 100%;
	}

	html.light-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu a > *,
	html.dark-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu a > * {
		margin: auto !important;
	}

	html.light-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu a > span:empty:not(.dashicons):not(.kol-mode-icon-toggle):not([class*="fa"]):not([class*="_mi"]):not([class*="icon"]),
	html.dark-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu a > span:empty:not(.dashicons):not(.kol-mode-icon-toggle):not([class*="fa"]):not([class*="_mi"]):not([class*="icon"]) {
		display: none !important;
	}

	html.light-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu a {
		background: linear-gradient(#ffffff, #f3f4f6) !important;
		border-color: #e5e7eb !important;
		color: #1f2937 !important;
	}

	html.dark-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu a {
		background: linear-gradient(#2a2a2a, #1f1f1f) !important;
		border-color: #333333 !important;
		color: #a3a3a3 !important;
	}

	html.light-mode #kol-bbm-bottom-menu-icons.kol-bbm-futuristic .kol-bbm-menu li,
	html.dark-mode #kol-bbm-bottom-menu-icons.kol-bbm-futuristic .kol-bbm-menu li {
		border: 0 !important;
		box-shadow: none !important;
	}

	html.light-mode #kol-bbm-bottom-menu-icons.kol-bbm-futuristic .kol-bbm-menu a,
	html.dark-mode #kol-bbm-bottom-menu-icons.kol-bbm-futuristic .kol-bbm-menu a {
		font-weight: 500 !important;
		letter-spacing: 0 !important;
		text-shadow: none !important;
	}

	html.light-mode #kol-bbm-bottom-menu-icons.kol-bbm-futuristic .kol-bbm-menu a {
		background: linear-gradient(#ffffff, #f3f4f6) !important;
		border-color: #e5e7eb !important;
		box-shadow: none !important;
		color: #1f2937 !important;
	}

	html.dark-mode #kol-bbm-bottom-menu-icons.kol-bbm-futuristic .kol-bbm-menu a {
		background: linear-gradient(#2a2a2a, #1f1f1f) !important;
		border-color: #333333 !important;
		box-shadow: none !important;
		color: #a3a3a3 !important;
	}

	html.light-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu a i,
	html.light-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu a span,
	html.light-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu a svg,
	html.dark-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu a i,
	html.dark-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu a span,
	html.dark-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu a svg {
		align-items: center;
		display: block;
		flex: 0 0 auto;
		font-size: 22px;
		height: 24px;
		justify-content: center;
		line-height: 24px;
		margin: 0;
		max-height: 24px;
		max-width: 24px;
		position: static !important;
		text-align: center;
		vertical-align: middle;
		width: 24px;
	}

	html.light-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu a i,
	html.light-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu a span,
	html.dark-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu a i,
	html.dark-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu a span {
		display: flex;
	}

	html.light-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu a i::before,
	html.light-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu a span::before,
	html.dark-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu a i::before,
	html.dark-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu a span::before {
		display: block !important;
		float: none !important;
		font-size: 22px !important;
		height: 24px !important;
		line-height: 24px !important;
		margin: 0 auto !important;
		position: static !important;
		text-align: center !important;
		width: 24px !important;
	}

	html.light-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu a .kol-mode-icon-toggle,
	html.dark-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu a .kol-mode-icon-toggle {
		align-items: center !important;
		display: flex !important;
		height: 24px !important;
		justify-content: center !important;
		line-height: 1 !important;
		margin: auto !important;
		min-height: 0 !important;
		min-width: 0 !important;
		padding: 0 !important;
		position: static !important;
		width: 24px !important;
	}

	html.light-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu a .kol-icon-sun-toggle,
	html.light-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu a .kol-icon-moon-toggle,
	html.dark-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu a .kol-icon-sun-toggle,
	html.dark-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu a .kol-icon-moon-toggle {
		height: 22px !important;
		margin: auto !important;
		position: static !important;
		width: 22px !important;
	}

	html.light-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu a .kol-icon-sun-toggle,
	html.dark-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu a .kol-icon-moon-toggle {
		display: block !important;
		opacity: 1 !important;
		visibility: visible !important;
	}

	html.light-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu a .kol-icon-moon-toggle,
	html.dark-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu a .kol-icon-sun-toggle {
		display: none !important;
		opacity: 0 !important;
		visibility: hidden !important;
	}

	html.light-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu a svg,
	html.light-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu a svg *,
	html.dark-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu a svg,
	html.dark-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu a svg * {
		fill: none !important;
		stroke: currentColor !important;
	}

	html.light-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu a:hover,
	html.light-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu a:focus-visible {
		background: linear-gradient(#ffffff, #e5e7eb) !important;
		border-color: #d1d5db !important;
		color: #111827 !important;
		box-shadow: 0 4px 8px rgba(17, 24, 39, 0.18) !important;
	}

	html.dark-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu a:hover,
	html.dark-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu a:focus-visible {
		background: linear-gradient(#333333, #252525) !important;
		border-color: #444444 !important;
		color: #ffffff !important;
		box-shadow: 0 4px 8px rgba(0, 0, 0, 0.35) !important;
	}

	html.light-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu .current-menu-item > a,
	html.light-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu .current_page_item > a,
	html.light-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu .current-menu-ancestor > a,
	html.light-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu .current-menu-parent > a,
	html.light-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu .current_page_parent > a,
	html.light-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu .current_page_ancestor > a,
	html.light-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu a[aria-current="page"] {
		background: linear-gradient(#e2e2e2, #d4d4d4) !important;
		border-color: #f0f0f0 #b0b0b0 #b0b0b0 #f0f0f0 !important;
		border-bottom: 0 !important;
		border-radius: 5px 5px 0 0 !important;
		box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25) !important;
		color: #2d2d2d !important;
		height: 44px !important;
		padding: 0 15px !important;
	}

	html.dark-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu .current-menu-item > a,
	html.dark-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu .current_page_item > a,
	html.dark-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu .current-menu-ancestor > a,
	html.dark-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu .current-menu-parent > a,
	html.dark-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu .current_page_parent > a,
	html.dark-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu .current_page_ancestor > a,
	html.dark-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu a[aria-current="page"] {
		background: linear-gradient(#383838, #343434) !important;
		border-color: #555555 #282828 #282828 #555555 !important;
		border-bottom: 0 !important;
		border-radius: 5px 5px 0 0 !important;
		box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25) !important;
		color: #ffffff !important;
		height: 44px !important;
		padding: 0 15px !important;
	}

	html.light-mode #kol-bbm-bottom-menu-icons.kol-bbm-futuristic .kol-bbm-menu .current-menu-item > a,
	html.light-mode #kol-bbm-bottom-menu-icons.kol-bbm-futuristic .kol-bbm-menu .current_page_item > a,
	html.light-mode #kol-bbm-bottom-menu-icons.kol-bbm-futuristic .kol-bbm-menu .current-menu-ancestor > a {
		background: linear-gradient(#e2e2e2, #d4d4d4) !important;
		border-color: #f0f0f0 #b0b0b0 #b0b0b0 #f0f0f0 !important;
		border-bottom: 0 !important;
		box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25) !important;
		color: #2d2d2d !important;
	}

	html.dark-mode #kol-bbm-bottom-menu-icons.kol-bbm-futuristic .kol-bbm-menu .current-menu-item > a,
	html.dark-mode #kol-bbm-bottom-menu-icons.kol-bbm-futuristic .kol-bbm-menu .current_page_item > a,
	html.dark-mode #kol-bbm-bottom-menu-icons.kol-bbm-futuristic .kol-bbm-menu .current-menu-ancestor > a {
		background: linear-gradient(#383838, #343434) !important;
		border-color: #555555 #282828 #282828 #555555 !important;
		border-bottom: 0 !important;
		box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25) !important;
		color: #ffffff !important;
	}

	html.light-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu .current-menu-item > a i,
	html.light-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu .current-menu-item > a span,
	html.light-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu .current_page_item > a i,
	html.light-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu .current_page_item > a span,
	html.light-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu .current-menu-ancestor > a i,
	html.light-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu .current-menu-ancestor > a span,
	html.dark-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu .current-menu-item > a i,
	html.dark-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu .current-menu-item > a span,
	html.dark-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu .current_page_item > a i,
	html.dark-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu .current_page_item > a span,
	html.dark-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu .current-menu-ancestor > a i,
	html.dark-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu .current-menu-ancestor > a span {
		font-weight: 900;
	}

	html.light-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu .current-menu-item > a svg,
	html.light-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu .current-menu-item > a svg *,
	html.light-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu .current_page_item > a svg,
	html.light-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu .current_page_item > a svg *,
	html.light-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu .current-menu-ancestor > a svg,
	html.light-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu .current-menu-ancestor > a svg *,
	html.dark-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu .current-menu-item > a svg,
	html.dark-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu .current-menu-item > a svg *,
	html.dark-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu .current_page_item > a svg,
	html.dark-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu .current_page_item > a svg *,
	html.dark-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu .current-menu-ancestor > a svg,
	html.dark-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu .current-menu-ancestor > a svg * {
		fill: currentColor !important;
		stroke: currentColor !important;
	}

	html.light-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu .kol-bbm-tab-gray-3d > a,
	html.light-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu .current-menu-item > a.kol-bbm-tab-gray-3d,
	html.light-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu .current-menu-item.kol-bbm-tab-gray-3d > a {
		background: linear-gradient(#e2e2e2, #d4d4d4);
		border-color: #f0f0f0 #b0b0b0 #b0b0b0 #f0f0f0;
		border-bottom: 0;
		border-radius: 5px 5px 0 0;
		box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25);
		color: #2d2d2d;
		height: 44px;
		padding: 0 15px;
	}

	html.dark-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu .kol-bbm-tab-dark-gray-3d > a,
	html.dark-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu .current-menu-item > a.kol-bbm-tab-dark-gray-3d,
	html.dark-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu .current-menu-item.kol-bbm-tab-dark-gray-3d > a {
		background: linear-gradient(#383838, #343434);
		border-color: #555555 #282828 #282828 #555555;
		border-bottom: 0;
		border-radius: 5px 5px 0 0;
		box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25);
		color: #ffffff;
		height: 44px;
		padding: 0 15px;
	}

	html.light-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu .kol-bbm-tab-green-3d > a,
	html.light-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu .current-menu-item > a.kol-bbm-tab-green-3d,
	html.light-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu .current-menu-item.kol-bbm-tab-green-3d > a,
	html.dark-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu .kol-bbm-tab-green-3d > a,
	html.dark-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu .current-menu-item > a.kol-bbm-tab-green-3d,
	html.dark-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu .current-menu-item.kol-bbm-tab-green-3d > a {
		background: linear-gradient(#2d7c2d, #1f5f1f);
		border-color: #3d9d3d #1a4d1a #1a4d1a #3d9d3d;
		border-bottom: 0;
		border-radius: 5px 5px 0 0;
		box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25);
		color: #ffffff;
		height: 44px;
		padding: 0 15px;
	}

	html.light-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu .kol-bbm-tab-teal-hologram > a,
	html.light-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu .current-menu-item > a.kol-bbm-tab-teal-hologram,
	html.light-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu .current-menu-item.kol-bbm-tab-teal-hologram > a,
	html.dark-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu .kol-bbm-tab-teal-hologram > a,
	html.dark-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu .current-menu-item > a.kol-bbm-tab-teal-hologram,
	html.dark-mode #kol-bbm-bottom-menu-icons .kol-bbm-menu .current-menu-item.kol-bbm-tab-teal-hologram > a {
		background: linear-gradient(#ccfff6, #99ffe8);
		border: 2px solid #00cc99;
		border-bottom: 0;
		border-radius: 5px 5px 0 0;
		box-shadow: 0 0 0 3px rgba(0, 204, 153, 0.15), 0 4px 8px rgba(0, 204, 153, 0.2);
		color: #007755;
		height: 44px;
		padding: 0 15px;
	}
}

@media (max-width: 768px) {
	body {
		padding-bottom: var(--bbm-height, 80px);
	}

	body.kol-bbm-minimized {
		padding-bottom: var(--bbm-height, 80px);
	}

	.kol-bbm-container {
		justify-content: flex-start;
		overflow-x: auto;
		overflow-y: hidden;
		scrollbar-width: none;
	}

	.kol-bbm-container::-webkit-scrollbar {
		display: none;
	}

	.kol-bbm-menu {
		overflow-x: auto;
		overflow-y: hidden;
		scrollbar-width: none;
		justify-content: flex-start;
	}

	.kol-bbm-menu::-webkit-scrollbar {
		display: none;
	}
}