/**
 * Der ℹ-Knopf — vereinsweit **eine** Gestalt: weißes i im blauen Kreis.
 *
 * Die Klasse `.psv-pc-help-btn` war in 31 Plugin-Stylesheets eigenständig
 * definiert, mit fünf Farbvarianten und nur zur Hälfte rund — sichtbar als
 * Kästchen statt Kreis. Diese Datei wird überall geladen und gewinnt bewusst
 * mit `!important`, damit die Altbestände nicht einzeln entfernt werden müssen,
 * bevor das Erscheinungsbild stimmt.
 *
 * Wer einen neuen ℹ-Knopf baut: nur `class="psv-pc-help-btn"` vergeben, kein
 * eigenes CSS. Ein zweiter Stil ist keine Gestaltungsfreiheit, sondern ein Fehler.
 */

.psv-pc-help-btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 28px !important;
	height: 28px !important;
	min-height: 28px !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 50% !important;
	background: #20588b !important;
	color: #fff !important;
	cursor: pointer;
	vertical-align: middle;
	margin-left: 8px;
	box-shadow: none !important;
	line-height: 1 !important;
	text-decoration: none !important;
}

.psv-pc-help-btn:hover,
.psv-pc-help-btn:focus,
.psv-pc-help-btn:active,
.psv-pc-help-btn:visited {
	background: #174a75 !important;
	color: #fff !important;
	text-decoration: none !important;
}

.psv-pc-help-btn .dashicons,
.psv-pc-help-btn .dashicons-info-outline,
.psv-pc-help-btn .dashicons-editor-help {
	font-size: 17px !important;
	width: 17px !important;
	height: 17px !important;
	line-height: 17px !important;
	color: #fff !important;
}

/* Manche Seiten setzen den Knopf in eine Überschrift — dort darf er die
   Zeilenhöhe nicht sprengen. */
h1 .psv-pc-help-btn,
h2 .psv-pc-help-btn,
h3 .psv-pc-help-btn {
	vertical-align: middle;
	position: relative;
	top: -1px;
}
