/**
 * Front-end styles for the seating floor plan block.
 */

.wpr-pro-floor-plan {
	--wpr-fp-accent: #2271b1;
	--wpr-fp-card: #ffffff;
	--wpr-fp-border: #2271b1;
	--wpr-fp-text: #1d2327;
	--wpr-fp-muted: #50575e;
	margin: 1.25em 0;
	max-width: 720px;
}

.wpr-pro-floor-plan.alignwide,
.wpr-pro-floor-plan.alignfull {
	max-width: none;
}

.wpr-pro-floor-plan__svg {
	display: block;
	width: 100%;
	height: auto;
	border: 1px solid #dcdcde;
	border-radius: 8px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.wpr-pro-floor-plan--canvas-grid .wpr-pro-floor-plan__svg {
	background:
		linear-gradient(180deg, #f6f7f7 0%, #ffffff 40%),
		repeating-linear-gradient(
			0deg,
			transparent,
			transparent 9.8%,
			rgba(0, 0, 0, 0.03) 9.8%,
			rgba(0, 0, 0, 0.03) 10%
		),
		repeating-linear-gradient(
			90deg,
			transparent,
			transparent 9.8%,
			rgba(0, 0, 0, 0.03) 9.8%,
			rgba(0, 0, 0, 0.03) 10%
		);
}

.wpr-pro-floor-plan--canvas-plain .wpr-pro-floor-plan__svg {
	background: #f6f7f7;
}

.wpr-pro-floor-plan--canvas-soft .wpr-pro-floor-plan__svg {
	background: linear-gradient(160deg, #fbf7f2 0%, #f3f6fb 55%, #eef3f8 100%);
}

.wpr-pro-floor-plan__canvas {
	fill: transparent;
}

.wpr-pro-floor-plan__shadow {
	fill: rgba(29, 35, 39, 0.08);
	stroke: none;
}

.wpr-pro-floor-plan__card {
	fill: var(--wpr-fp-card);
	stroke: var(--wpr-fp-border);
	stroke-width: 0.55;
}

.wpr-pro-floor-plan__accent {
	fill: var(--wpr-fp-accent);
	stroke: none;
}

.wpr-pro-floor-plan__accent-cover {
	fill: var(--wpr-fp-card);
	stroke: none;
}

.wpr-pro-floor-plan__name {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-weight: 600;
	fill: var(--wpr-fp-text);
}

.wpr-pro-floor-plan__capacity {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-weight: 500;
	fill: var(--wpr-fp-muted);
}

.wpr-pro-floor-plan-empty {
	color: #646970;
	font-style: italic;
}

.wpr-pro-floor-plan-block .wpr-pro-floor-plan__svg,
.wpr-pro-floor-plan-block > svg {
	border: 1px solid #dcdcde;
	border-radius: 8px;
}