/* Inserat (single-eb_listing.php) – Ergänzungen zu atoms.css. */

/* Gesendete Nachricht: Zeilenumbrüche behalten, lange Wörter umbrechen */
.eb-in-umbruch { white-space: pre-line; overflow-wrap: anywhere; }

/* Knöpfe während einer Anfrage */
[data-eb-nachricht-form] button[type=submit][disabled] { opacity: .6; cursor: progress; }

/* Leiste unten mit Preis und Hauptaktion: nur auf dem Handy */
.eb-in-leiste { display: none; }

/* Handy (unter 640 px; im Prototyp ohne Handy-Layout) */
@media (max-width: 639.98px) {
	.eb-in-leiste { position: sticky; bottom: 0; z-index: 90; display: flex; align-items: center; gap: 10px; padding: 10px 16px calc(10px + env(safe-area-inset-bottom)); background: #fff; border-top: 1px solid var(--eb-line); box-shadow: 0 -8px 24px rgba(0, 0, 0, .08); transition: transform .2s, opacity .2s; }
	.eb-in-leiste.ist-weg { transform: translateY(100%); opacity: 0; pointer-events: none; }
	.eb-in-krumen { align-items: center; }
	.eb-in-krumen a { padding: 12px 0; }
	.eb-in-preis { align-items: flex-start; }
	/* Kennzahlen dreispaltig, damit das Foto früher kommt */
	.eb-in-fakten { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.eb-in-fakten > div { padding: 12px 0; }
	.eb-in-fakten > div > span:first-child { white-space: normal; font-size: 11px; }
	.eb-in-fakten > div > span:last-child { white-space: normal; font-size: 17px; }
	.eb-in-technik { grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); gap: 12px; }
	.eb-in-kasten { padding: 18px; }
	.eb-in-schnell { margin: 0 -18px; padding: 0 18px; }
}