/**
 * EC Map Renderer
 * Copyright 2023 by Rainer Kaufmann (DraconisMC)
 *
 * Property (GS) Styles
 */

.town {
	position: absolute;
	/* background-color: #333; */
	border: 1px solid #666;
}

.mcmap .town {
	background-color: transparent;
}

.property {
	position: absolute;
	background-color: #444;
	opacity: 0.5;
	border: 1px solid #999;
	padding: 0;
	cursor: pointer;
}

.town.active,
.property.active {
	box-shadow: 0 0 10px 5px #fff inset;
	display: block !important;
}

.property.hovered {
	/* box-shadow: 0 0 10px 5px #f00 inset; */
	z-index: 299 !important;
}

.colormap .property.Standard {
	border-color: #fc0;
}

.property.Stadt,
.property.Shop,
.property.Gastzimmer,
.property.Standard,
.property.Vereinbarung {
	display: none;
}

.gsmap .property.Stadt,
.gsmap .property.Shop,
.gsmap .property.Gastzimmer,
.gsmap .property.Standard,
.gsmap .property.Vereinbarung {
	display: block;
}

.property.Standard.active {
	border-color: #fc0;
	background-color: #996;
}

.property.Standard.hovered {
	box-shadow: 0 0 10px 5px #fc0 inset;
}

.colormap .property.Vereinbarung {
	border-color: #060;
}

.property.Vereinbarung.hovered,
.property.Vereinbarung.active {
	border-color: #060;
	background-color: #696;
}

.property.Vereinbarung.hovered {
	box-shadow: 0 0 10px 5px #0f0 inset;
}

.property.Stadt.Virtuell,
.property.Train.Virtuell {
	display: none;
}

.extendedmap .property.Stadt.Virtuell,
.extendedmap .property.Train.Virtuell {
	display: block;
}

.colormap .property.Stadt {
	border-color: #900;
}

.property.Stadt.hovered,
.property.Stadt.active {
	border-color: #900;
	background-color: #966;
}

.property.Stadt.hovered {
	box-shadow: 0 0 10px 5px #f00 inset;
}

.colormap .property.Train {
	border-color: #339;
}

.property.Train.hovered,
.property.Train.active {
	border-color: #339;
	background-color: #669;
}

.property.Train.hovered {
	box-shadow: 0 0 10px 5px #00f inset;
}

.colormap .property.Shop {
	border-color: #900;
}

.property.Shop.hovered,
.property.Shop.active {
	border-color: #900;
	background-color: #966;
}

.property.Shop.hovered {
	box-shadow: 0 0 10px 5px #f00 inset;
}

.colormap .property.Gastzimmer {
	border-color: #900;
}

.property.Gastzimmer.hovered,
.property.Gastzimmer.active {
	border-color: #900;
	background-color: #966;
}

.property.Gastzimmer.hovered {
	box-shadow: 0 0 10px 5px #f00 inset;
}

/**
 * Property Details (GS Data)
 */

.property-details {
	background-color: #222;
	display: none;
}

.gsmap .property-details {
	display: block;
}

.property-details .el-max,
.property-details .free,
.property-details .complaint,
.property-details .offtime {
	display: inline-block;
	padding: 1px 4px;
	border-radius: 3px;
	background-color: #f00;
	color: #fff;
	font-weight: bold;
}

.property-details .free {
	background-color: #090;
}

.property-details .el-max {
	font-size: 8px;
	background-color: #900;
}

.property-tooltip {
	background-color: #222 !important;
	background-image: none !important;
	padding: 2px 8px;
}

.town-details {
	background-color: rgba(0,49,71,0.5);
}

.el {
	border-top: 1px solid #999;
	margin-top: 8px !important;
	padding-top: 4px;
	display: none;
}

.elmap .el {
	display: block;
}

.elhint {
	cursor: help;
}