/*
 * Regelt nur Struktur, keine Gestaltung. Farben, Schriften und Abstände kommen
 * aus den Style-Tabs von Elementor oder aus dem Theme. In den Einstellungen
 * lässt sich diese Datei abschalten.
 *
 * Grundsatz: Ein Eintrag der Linkliste ist ein ganz gewöhnlicher Textlink. Er
 * bekommt hier weder Farbe noch Textdekoration, damit er genauso aussieht wie
 * jeder andere Link der Seite. Wer ihn anders haben will, stellt das im Widget
 * ein – nicht hier.
 */

.evmo-cp-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.evmo-cp-item {
	margin: 0;
}

/* Bewusst kein display, kein color, kein text-decoration: Sonst verhält sich
   der Link anders als die Links daneben – er würde nicht mehr wie Fliesstext
   umbrechen und die Unterstreichung des Themes bliebe aus. */
.evmo-cp-link {
	cursor: pointer;
}

.evmo-cp-button {
	display: inline-flex;
	align-items: center;
	gap: 0.4em;
	text-decoration: none;
}

/* Der Zusatz mit Dateityp und Grösse (R6) tritt optisch zurück, bleibt aber
   lesbar – er ist Teil des Linktextes, kein Beiwerk. Die Unterstreichung des
   Links läuft bewusst nicht mit darunter durch. */
.evmo-cp-meta,
.evmo-cp-date {
	font-size: 0.85em;
	opacity: 0.75;
	white-space: nowrap;
	text-decoration: none;
	display: inline-block;
}

.evmo-cp-icon {
	display: inline-block;
	vertical-align: -0.1em;
	margin-right: 0.35em;
}

.evmo-cp-button .evmo-cp-icon {
	margin-right: 0;
}

.evmo-cp-icon svg {
	width: 1em;
	height: 1em;
	fill: currentColor;
	vertical-align: middle;
}

/* Für Screenreader, nicht für das Auge: der Hinweis auf einen neuen Tab. */
.evmo-cp-sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* Der Fokus darf nicht verloren gehen, auch wenn das Theme ihn wegräumt. */
.evmo-cp-link:focus-visible,
.evmo-cp-button:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 2px;
}

/* Nur im Editor und in der Vorschau sichtbar; im Frontend wird bei leerem
   Ordner gar nichts ausgegeben (R3). */
.evmo-cp-placeholder {
	padding: 0.75em 1em;
	border: 1px dashed currentColor;
	border-radius: 3px;
	opacity: 0.7;
	font-size: 0.9em;
}