/**
 * Sectors map styles.
 *
 * Styles for interactive SVG map showing building sectors with statuses:
 * available, pending, leased.
 */

/* Make SVG responsive */
.midwest-map-wrapper svg {
	width: 100%;
	height: auto;
	display: block;
}

/* Frontend styles */
.midwest-map-wrapper .sector {
	transition: fill 0.2s ease-in-out;
}

.midwest-map-wrapper .sector--available {
	fill: #F3FDF5 !important;
}

.midwest-map-wrapper .sector--pending {
	fill: #FDFAE9 !important;
}

.midwest-map-wrapper .sector--leased {
	fill: #F3F6FD !important;
}

.midwest-map-wrapper .sector-label {
	transition: fill 0.2s ease-in-out;
}

.midwest-map-wrapper .sector-label--available {
	fill: #6AE386 !important;
}

.midwest-map-wrapper .sector-label--pending {
	fill: #FFC954 !important;
}

.midwest-map-wrapper .sector-label--leased {
	fill: #F3F6FD !important;
}

/* Admin styles */
.midwest-map-wrapper--admin {
	max-width: 600px;
}

.midwest-map-wrapper--admin .sector {
	cursor: pointer;
	transition: fill 0.2s ease-in-out;
}

.midwest-map-wrapper--admin .sector--available {
	fill: #F3FDF5 !important;
}

.midwest-map-wrapper--admin .sector--pending {
	fill: #FDFAE9 !important;
}

.midwest-map-wrapper--admin .sector--leased {
	fill: #F3F6FD !important;
}

.midwest-map-wrapper--admin .sector-label {
	cursor: pointer;
	transition: fill 0.2s ease-in-out;
}

.midwest-map-wrapper--admin .sector-label-text {
	cursor: pointer;
}

.midwest-map-wrapper--admin .sector-label--available {
	fill: #6AE386 !important;
}

.midwest-map-wrapper--admin .sector-label--pending {
	fill: #FFC954 !important;
}

.midwest-map-wrapper--admin .sector-label--leased {
	fill: #F3F6FD !important;
}

/* Make text elements non-interactive so clicks pass through to rect elements */
.midwest-map-wrapper--admin text,
.midwest-map-wrapper--admin tspan {
	pointer-events: none;
}

/* But keep label text clickable for status display */
.midwest-map-wrapper--admin .sector-label-text {
	pointer-events: auto;
	cursor: pointer;
}