/** plugin: Scrollable Main Sidebar #1.13 code **/
/* BEGIN Scrollable Main Sidebar */
.main-sidebar {
  --sidebar-scrollbar-track-color: auto;
  --sidebar-scrollbar-slider-color: auto;
  --sidebar-scrollbar-width: thin;
}
@media (min-width:768px) {
	.main-sidebar {
		position: fixed;
	}
	.main-sidebar .sidebar-menu {
		margin-bottom: 3rem;
	}
	/* Main site sidebar */
	body:not(#map-body) .main-sidebar .sidebar {
		height: calc(100vh - (160px + 50px) - 3rem) !important;
		padding-bottom: 1em;
		overflow-y: scroll;
		scrollbar-width: var(--sidebar-scrollbar-width);
		scrollbar-color: var(--sidebar-scrollbar-slider-color) var(--sidebar-scrollbar-track-color);
	}

	/* Webkit patch */
	body:not(#map-body) .main-sidebar .sidebar::-webkit-scrollbar {
		background-color: var(--sidebar-scrollbar-track-color);
	}
	body:not(#map-body) .main-sidebar .sidebar::-webkit-scrollbar-thumb {
		background-color: var(--sidebar-scrollbar-slider-color);
	}
}
/* END Scrollable Main Sidebar */
/** end plugin: Scrollable Main Sidebar #1.13 code **/
/** plugin: Drawer Sidebar #3.6 code **/
/* BEGIN Drawer Sidebar */
:root {
	--drawer-bg-x: 120px;
	--drawer-w: 45px;
}
@media (min-width:768px) and (max-width: 1920px) {
	body:not(#map-body):not(.sidebar-collapse) {
		/* Tweak content margins to account for smaller sidebar */
		.main-sidebar ~ :is(.content-wrapper, #footer),
		.main-sidebar ~ form .content-wrapper {
			margin-left: var(--drawer-w);
		}
		/* Main sidebar positioning */
		.main-sidebar {
			position: fixed;
			transform: translateX(calc(-1 * (240px - var(--drawer-w))));
			transition: all .5s linear;
			z-index: 801; /* For dashboard map controls */

			.sidebar {
				max-height: calc(100vh - 3rem - 160px);
				padding-bottom: 4rem;
				direction: rtl;
				overflow-y: scroll;
				scrollbar-width: none;

				.pl-4 {
					padding-left: .5rem;
				}
				.px-2 {
					transition: padding-right .5s linear;
				}
			}
			/* Chrome/Safari/Webkit */
			.sidebar::-webkit-scrollbar {
				width: 0px;
			}
		}
		.main-sidebar:hover {
			transform: unset;
		}
		.main-sidebar:not(:hover) {
			background-position-x: var(--drawer-bg-x);

			/* Navigation styling */
			:is(a, div, span) {
				visibility: hidden;
			}
			i {
				visibility: visible;
			}
			li:is(.px-2, .pt-4) { /* pt-4 for Settings */
				padding-right: calc((var(--drawer-w) - 20px) / 4);
				padding-top: 0;
			}

			/* Campaign settings: undo section indentation */
			.sidebar:has(.section-overview) .sidebar-submenu {
				margin-right: calc((var(--drawer-w) - 20px) / -4);
			}
		}
	}
}
/* END Drawer Sidebar */
/** end plugin: Drawer Sidebar #3.6 code **/
/** plugin: Keep Map Layers Visible #2 code **/
.leaflet-control-layers {
	padding:6px 10px 6px 6px;
	.leaflet-control-layers-list {
		display: block !important;
	}
	.leaflet-control-layers-toggle {
		display: none !important;
	}
}
/** end plugin: Keep Map Layers Visible #2 code **/
/** plugin: Back to top #1.0 code **/
.content-wrapper {
  position: relative;
  padding-bottom: 50px;
}

.back-to-top {
  display: block !important;
}
/** end plugin: Back to top #1.0 code **/
/** plugin: Desaturate dead characters #1.1 code **/
:root {
 --dead-grey-value: 1;
}

.character-dead .entity-image {
 filter: grayscale(var(--dead-grey-value));
}

.panel-heading-entity:has(.ra-skull) {
    filter: grayscale(var(--dead-grey-value));
}

[data-defunct="true"] .avatar , [data-dead="true"] .avatar  {
  filter: grayscale(var(--dead-grey-value)); 
}

[data-dead="true"] .avatar::after {
content: "💀";
    pointer-events: none;
    width: 24px;
    position: absolute;
    right: .375rem;
    top: .375rem;
}

.entity-header:has(.entity-char-dead) img {
    filter: grayscale(var(--dead-grey-value));
}

.character-dead img {
	filter: grayscale(var(--dead-grey-value));
}
/** end plugin: Desaturate dead characters #1.1 code **/