/**
 * Scroll-Hinweis für breite Tabellen (Cluster-/Preis-Seiten).
 * Audit 2026-09-17 (externer Crawl): auf schmalen Viewports zeigten breite
 * Tabellen keinen Hinweis, dass sie sich horizontal wischen lassen.
 */
.coin-table-scroll-hint {
	display: none;
	font-size: .85em;
	color: #6a7075;
	margin: .35em 0 1.1em;
	text-align: right;
}

@media (max-width: 680px) {
	.coin-table-scroll-hint {
		display: block;
	}
}

/* The automatic cue below replaces the hand-set one: 22 tables showed both (23.09.2026). */
.coin-scroll-wrap + .coin-table-scroll-hint {
	display: none;
}

/**
 * Automatischer Hinweis (Inhaltsaudit 21.09.2026, TR-15): gilt für jeden Wrapper mit
 * `overflow-x:auto`, den assets/js/coin-table-scroll.js als tatsächlich überlaufend erkennt
 * (Klasse .coin-scroll-wrap), unabhängig davon ob ein manueller .coin-table-scroll-hint
 * danebensteht. Sichtbarer Text-Hinweis + Rand-Verlauf als optisches Signal, verschwindet
 * automatisch (JS entfernt die Klasse), sobald die Tabelle passt.
 */
.coin-scroll-wrap {
	position: relative;
}

.coin-scroll-wrap::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 28px;
	background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, .9));
	pointer-events: none;
}

.coin-scroll-wrap::before {
	content: "\2194 zum Scrollen wischen";
	display: block;
	font-size: .78em;
	color: #6a7075;
	text-align: right;
	margin-bottom: .3em;
}

.coin-scroll-wrap:focus {
	outline: 2px solid #F7C600;
	outline-offset: 2px;
}