/* ============================================================
 * FeastForAll — Class Map widget styles
 * Author: DeltaV Digital
 * Rounded corners on all sides except the top-right; separate
 * desktop / mobile heights via CSS variables from the template.
 * Install: feast-theme/widgets/class-map/css/class-map.css
 * ============================================================ */

.ffa-class-map {
	--ffa-map-radius: 14px;

	/* All corners rounded EXCEPT top-right (0). */
	border-radius: var(--ffa-map-radius) 0 var(--ffa-map-radius) var(--ffa-map-radius);
	overflow: hidden;
	height: var(--ffa-map-h-desktop, 500px);
}

/* Make WPSL's map fill the wrapper and inherit the corner clipping. */
.ffa-class-map #wpsl-gmap,
.ffa-class-map .wpsl-gmap-canvas {
	width: 100% !important;
	height: 100% !important;
	margin: 0 !important;
	border-radius: inherit;
}

@media (max-width: 768px) {
	.ffa-class-map {
		height: var(--ffa-map-h-mobile, 320px);
	}
}