/*!
 * PetMap Directory front-end styles.
 * Loaded conditionally (only when [petmap_*] shortcodes are present).
 *
 * @package PetMapDirectory
 */

.petmap-map {
	display: block;
	width: 100%;
	min-height: 300px;
	background: #f5f5f5;
}

/*
 * The map container is Leaflet's `.leaflet-container`, which leaflet.css
 * sets in Helvetica/Arial: the place card, the attribution and the cluster
 * counts take the site's font instead (the widget's token, else inherited).
 */
.petmap-map.leaflet-container {
	font-family: var(--pmd-font-sans, inherit);
}

.petmap-list {
	display: grid;
	gap: 1rem;
}

.petmap-card {
	padding: 1rem;
	border: 1px solid var(--petmap-color, #1f7a8c);
	border-radius: 4px;
}