/**
 * Funktions-CSS des Kartenplatzhalters.
 *
 * @author Stefan Schulte (SPS)
 *
 * ABGRENZUNG, DIE HIER BEWUSST GILT
 * Hier steht nur, was der Platzhalter zum Funktionieren braucht: die
 * Kartenflaeche einnehmen, ueber der spaeter aufgebauten Karte liegen, Text
 * und Knopf mittig anordnen. Alles Weitere ist Gestaltung und gehoert nicht
 * in dieses Plugin. Wer den Platzhalter gestaltet haben moechte, hat damit
 * den ersten echten Anlass fuer die offene Child-Theme-Frage.
 *
 * Die Farbwerte unten sind bewusst neutral und ohne Bezug zur Farbwelt der
 * Website gewaehlt. Sie sind das Mindeste, damit der Bereich als
 * Bedienelement erkennbar ist, und kein Gestaltungsvorschlag.
 */

.sps-fa-karte-bereit {
	position: relative;
}

.sps-fa-karte-platzhalter {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 500; /* ueber den Kartenebenen von Leaflet, unter dessen Bedienelementen */
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	padding: 20px;
	text-align: center;
	background-color: #eceff1;
}

.sps-fa-karte-titel {
	margin: 0 0 8px;
	font-weight: 600;
}

.sps-fa-karte-hinweis {
	max-width: 520px;
	margin: 0 0 16px;
	font-size: 14px;
	line-height: 1.5;
}

.sps-fa-karte-knopf {
	padding: 10px 20px;
	font: inherit;
	color: #fff;
	cursor: pointer;
	background-color: #37474f;
	border: 0;
	border-radius: 3px;
}

.sps-fa-karte-knopf[disabled] {
	cursor: default;
	opacity: 0.7;
}