/* NLDA 2027 floor plan - Hotel Gander (41 booths) */

body{
	margin: 0;
	background: #fff;
}

#floorplan{
	display: block;
	width: 100%;
	height: auto;
	max-width: 100%;
}

/* ---------- building: walls, doors, labels ---------- */
#floorplan .wall path,
#floorplan .door path{
	fill: none;
	stroke: #ff9a00;
	stroke-width: 3;
	stroke-linecap: round;
	stroke-linejoin: round;
}

#floorplan .door-label text{
	font-family: "Times New Roman", Times, serif;
	font-size: 23px;
	text-anchor: middle;
	fill: #000;
}

/* ---------- round tables ---------- */
#floorplan .table-top{
	fill: #fff;
	stroke: #000;
	stroke-width: 3;
}

#floorplan .chair{
	fill: #fff;
	stroke: #000;
	stroke-width: 3;
}

/* ---------- grab-n-go lunch ---------- */
#floorplan .lunch-box{
	fill: #fff;
	stroke: #000;
	stroke-width: 3;
}

#floorplan .lunch-divider{
	fill: none;
	stroke: #000;
	stroke-width: 3;
}

#floorplan .lunch-text{
	font-family: "Times New Roman", Times, serif;
	font-size: 25px;
	text-anchor: middle;
	dominant-baseline: central;
	fill: #000;
	stroke: #fff;
	stroke-width: 6;
	paint-order: stroke;
}

/* ---------- booths ---------- */
.booth{
	cursor: pointer;
}

.booth .booth-area{
	fill: #fff;
	stroke: #000;
	stroke-width: 5;
	stroke-linejoin: miter;
}

.booth text{
	font-family: "Times New Roman", Times, serif;
	font-size: 46px;
	text-anchor: middle;
	dominant-baseline: central;
	fill: #000;
	pointer-events: none;
	user-select: none;
	-webkit-user-select: none;
}

/* sold booths */
.booth.sold{
	cursor: default;
}

.booth.sold .booth-area{
	fill: #4BB543;
}

.booth.sold text{
	fill: #fff;
}

/* selected booths */
.booth.selected .booth-area{
	fill: #ffcc00;
}

.booth.selected text{
	fill: #000;
}

/* booth walls are drawn on top of the booth fills */
#floorplan .booth-walls{
	pointer-events: none;
}

#floorplan .booth-walls path{
	fill: none;
	stroke: #000;
	stroke-width: 5;
	stroke-linecap: round;
	stroke-linejoin: round;
}
