/* ROS REAL – Merkzettel und Schwebeleiste (Design v46, Auftrag BI).
   Schwebeleiste unten: Papier, Schatten (benannte Ausnahme AGENTS.md 5), Knöpfe --t3.
   Nur Tokens aus main.css; der Schatten ist die erlaubte Ausnahme für schwebende Elemente. */

/* Speichermeldung im Objektfluss; die Übersicht ergänzt nur ihre Seitenränder. */
.merken-speicherhinweis {
	display: block;
	margin: var(--el) 0 0;
	font: 400 var(--t2)/1.6 var(--sans);
	color: var(--grau);
}
.merken-speicherhinweis[hidden] { display: none; }

/* --- Leiste: schwebend mittig unten, weicht dem Fuß aus (--fuss-abstand). --- */
.schweber {
	position: fixed;
	left: 50%;
	bottom: calc(24px + env(safe-area-inset-bottom));
	z-index: 50;
	display: flex;
	gap: 0;
	align-items: center;
	padding: 0;
	background: var(--papier);
	box-shadow: 0 8px 28px rgba(22,32,58,.24);
	box-sizing: border-box;
	opacity: 0;
	pointer-events: none;
	transform: translate(-50%, calc(10px - var(--fuss-abstand, 0px)));
	transition: opacity .3s ease, transform .3s ease;
}

.schweber[hidden] {
	display: none;
}

.schweber.an {
	opacity: 1;
	pointer-events: auto;
	transform: translate(-50%, calc(-1 * var(--fuss-abstand, 0px)));
}

/* --- Knöpfe und Link in der Leiste. --- */
.schweber a,
.schweber button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 1 auto;
	min-width: 44px;
	min-height: 44px;
	padding: 0 18px;
	border: 0;
	border-radius: 0;
	font: 400 var(--t3)/1.2 var(--sans);
	letter-spacing: .02em;
	text-decoration: none;
	white-space: nowrap;
	box-sizing: border-box;
	cursor: pointer;
}

.schweber a[hidden],
.schweber button[hidden] {
	display: none;
}

/* Hauptknopf „Anfragen“ (Klasse .knopf) in der Leiste: Größe --t3, Hover wie Prototyp. */
.schweber .knopf {
	min-height: 44px;
	padding: 0 18px;
	font-size: var(--t3);
	letter-spacing: .02em;
	background: var(--blau);
	color: var(--papier);
}

.schweber .knopf:hover {
	opacity: 1;
	background: var(--tinte);
}

/* Nebenknopf „Merken“ bleibt Teil derselben Leiste, ohne eigene Box. */
.schweber button.zweit {
	background: transparent;
	color: var(--tinte);
}

/* Der gemerkte Zustand ist sichtbar, aber der Hauptaktion untergeordnet. */
.schweber button.zweit[aria-pressed="true"] {
	background: var(--stein);
	color: var(--blau);
}

.schweber button.zweit:hover { background: var(--papier-tief); }
.schweber button.zweit[aria-pressed="true"]:hover { background: var(--stein); }

/* Der Merkzettel bleibt als nachrangiger Weg mit einer einzigen Trennlinie lesbar. */
.schweber a.zweit {
	color: var(--grau);
	border-left: 1px solid var(--linie);
}
.schweber a.zweit:first-child { border-left: 0; }

.schweber a.zweit:hover { color: var(--tinte); text-decoration: none; }

/* „Merken“ / „Gemerkt“: zwei Spans, Sichtbarkeit über aria-pressed. */
.schweber .merkknopf__gemerkt { display: none; }
.schweber .merkknopf[aria-pressed="true"] .merkknopf__an { display: none; }
.schweber .merkknopf[aria-pressed="true"] .merkknopf__gemerkt { display: inline; }

/* --- Handy: schmaler Rand, eine Leiste (kein Umbruch in zwei Ebenen). --- */
@media (max-width: 767px) {
	.schweber {
		bottom: calc(12px + env(safe-area-inset-bottom));
		max-width: calc(100vw - 24px);
		min-width: 0;
		flex-wrap: nowrap;
		justify-content: space-between;
	}

	.schweber a,
	.schweber button,
	.schweber .knopf {
		min-width: 44px;
		min-height: 44px;
		padding: 0 10px;
		font-size: var(--t3);
		letter-spacing: .01em;
	}

	.schweber .knopf { flex-shrink: 0; }
	.schweber a.zweit { margin-left: auto; }
}

/* K3 · Leiste weicht Text aus (Prototyp v8 §3): nur Deckkraft und kleiner Versatz. */
.schweber.weg {
	opacity: 0 !important;
	pointer-events: none !important;
	transform: translate(-50%, calc(12px - var(--fuss-abstand, 0px))) !important;
}