/* Gemeinsame Export-Leiste (PNG/SVG/CSV/Zitat) für alle Infografiken.
   Der Stil spiegelt bewusst den bestehenden „Rohdaten anzeigen"-Button, damit
   alle Aktions-Buttons einer Grafik identisch aussehen. */

.rwif-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
	margin-top: 10px;
}

/* Der jeweilige Rohdaten-Button einer Grafik bringt eigene margin-top/align-self
   mit; in der Aktionsreihe würde das die Buttons verschieben — hier neutralisieren,
   die Reihe setzt Abstand und Ausrichtung selbst. */
.rwif-actions > button { margin-top: 0; align-self: auto; }

.rwif-actionbtn {
	font-family: var(--rwif-ui);
	font-size: 13px;
	padding: 6px 12px;
	border: 1.5px solid var(--rwif-line);
	border-radius: 8px;
	background: var(--rwif-on-ground);
	color: var(--rwif-ink-soft);
	cursor: pointer;
	transition: border-color .12s, color .12s;
}
.rwif-actionbtn:hover { border-color: var(--rwif-leaf); color: var(--rwif-ink); }
.rwif-actionbtn[disabled] { opacity: .5; cursor: default; }

/* Zitier-Box, die „Quelle zitieren" auf-/zuklappt. */
.rwif-cite {
	margin-top: 12px;
	background: var(--rwif-paper-2);
	border: 1px solid var(--rwif-line);
	border-radius: 10px;
	padding: 14px 15px;
}
.rwif-cite[hidden] { display: none; }
.rwif-cite p {
	margin: 0 0 10px;
	font-family: var(--rwif-ui);
	font-size: 13.5px;
	line-height: 1.55;
	color: var(--rwif-ink);
}
.rwif-cite .rwif-copybtn {
	font-family: var(--rwif-ui);
	font-size: 12.5px;
	padding: 7px 13px;
	border: 1.5px solid var(--rwif-line);
	border-radius: 7px;
	background: var(--rwif-on-ground);
	color: var(--rwif-ink-soft);
	cursor: pointer;
}
.rwif-cite .rwif-copybtn:hover { border-color: var(--rwif-leaf); color: var(--rwif-ink); }