/* M24 Plattform — Verkauft-Ansicht: Badge, deaktivierter Merkzettel, Alternativen, Lightbox */

/* Verkauft-Badge (Variante A — Outline): transparent, goldener Rahmen, kein Fill/Schatten. */
.m24det .m24-sold-badge {
	display: inline-block;
	font-family: 'Saira', Arial, sans-serif;
	font-weight: 700;
	font-size: 15px;
	letter-spacing: 2.5px;
	text-transform: uppercase;
	color: #8a6824;
	background: transparent;
	border: 2px solid #a87f2e;
	border-radius: 9px;
	padding: 10px 26px;
}

/* „Auf den Merkzettel" deaktiviert (ausgegraut, nicht klickbar). */
.m24det .btn.m24-merken.is-disabled,
.m24det .btn.m24-merken[disabled] {
	opacity: .5;
	cursor: not-allowed;
	pointer-events: none;
	background: #fff;
	color: #9aa0a6;
	border-color: #d3d6da;
	box-shadow: none;
}

/* ── Alternativen-Block (zweispaltig) — inline + im Lightbox ── */
.m24-sold-alt {
	font-family: 'Saira', Arial, sans-serif;
	color: #14161a;
	margin: 28px 0 8px;
}
.m24-sold-alt-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; }
.m24-sold-alt-grid--single { grid-template-columns: 1fr; } /* keine Fahrzeuge → Teile über volle Breite */
.m24-sold-col { min-width: 0; }
/* Groessere Thumbnails in der Fahrzeug-Spalte (nur max. 3 Angebote → mehr Platz). */
.m24-sold-col--cars .m24-alt-img { width: 120px; height: 80px; border-radius: 6px; }
.m24-sold-col--cars .m24-alt-card { gap: 14px; padding: 9px; }
.m24-sold-col--cars .m24-alt-title { font-size: 15px; }
.m24-sold-col h3 {
	font-family: 'Saira', Arial, sans-serif;
	font-size: 16px; font-weight: 700; letter-spacing: .5px;
	margin: 0 0 12px; padding-bottom: 8px; border-bottom: 2px solid rgba(0, 0, 0, .1);
}
.m24-alt-list { display: flex; flex-direction: column; gap: 6px; }
.m24-alt-card {
	display: flex; align-items: center; gap: 12px;
	padding: 8px; border-radius: 8px; text-decoration: none; color: #14161a;
	border: 1px solid transparent;
}
.m24-alt-card:hover { background: #f4f6f8; border-color: rgba(0, 0, 0, .08); }
.m24-alt-img { flex: 0 0 auto; width: 64px; height: 44px; border-radius: 5px; overflow: hidden; background: #f0f0ee; display: block; }
.m24-alt-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.m24-alt-b { min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.m24-alt-title { font-size: 14px; font-weight: 600; line-height: 1.3; }
.m24-alt-price { font-size: 13px; font-weight: 700; color: #9a6b25; }
.m24-alt-badge { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .5px; }
.m24-alt-badge.is-sold { color: #9e2b2b; }
.m24-alt-badge.is-avail { color: #2f7d52; }
.m24-alt-all { display: inline-block; margin-top: 10px; font-size: 13px; font-weight: 700; color: #1763ad; text-decoration: none; }
.m24-alt-all:hover { text-decoration: underline; }
.m24-alt-empty { color: #6b7077; font-size: 13.5px; margin: 0 0 8px; }

@media (max-width: 760px) {
	.m24-sold-alt-grid { grid-template-columns: 1fr; gap: 22px; }
}

/* ── Desktop-Lightbox ── */
body.m24-sold-lb-lock { overflow: hidden; }
.m24-sold-lb {
	position: fixed; inset: 0; z-index: 100020;
	display: flex; align-items: center; justify-content: center;
	opacity: 0; transition: opacity .2s ease;
}
.m24-sold-lb--on { opacity: 1; }
.m24-sold-lb-backdrop {
	position: absolute; inset: 0;
	background: rgba(15, 17, 20, .45);
	-webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
}
.m24-sold-lb-panel {
	position: relative;
	background: #fff; border-radius: 12px;
	width: 92vw; max-width: 920px; max-height: 86vh; overflow-y: auto;
	padding: 26px 28px 28px; box-shadow: 0 24px 60px rgba(0, 0, 0, .35);
	transform: translateY(8px); transition: transform .2s ease;
}
.m24-sold-lb--on .m24-sold-lb-panel { transform: translateY(0); }
.m24-sold-lb-close {
	position: absolute; top: 10px; right: 12px;
	background: none; border: 0; font-size: 28px; line-height: 1;
	color: #6b7077; cursor: pointer; padding: 4px 8px;
}
.m24-sold-lb-close:hover { color: #14161a; }
.m24-sold-lb-title {
	font-family: 'Saira', Arial, sans-serif; font-weight: 700; font-size: 19px;
	margin: 0 28px 16px 0; color: #14161a;
}
.m24-sold-alt--lb { margin: 0; }
/* Dedup: solange das Modal offen ist, den Inline-Block ausblenden (nie beides gleichzeitig). */
.m24-sold-alt.is-lb-hidden { display: none !important; }