/* Händlerprofil (HaendlerProfil.dc.html): Ergänzungen zu den Einzelklassen. */

/* Formulare, deren Felder wie im Prototyp direkt in der Spalte stehen. */
.eb-hp-formular { display: contents; }

/* Reiter „Neu / Gebraucht“: gewählter Reiter ist im Prototyp kein Knopf (keine Mindesthöhe 44 px mobil). */
@media (max-width: 640px) { .eb-hp-reiter[data-eb-ist="1"] { min-height: 0; } }

/* Sterne im Bewertungsformular (Radio im Label; Farbe wie im Prototyp, ohne JavaScript über :has). */
.eb-hp-stern { color: #9a978e; }
.eb-hp-stern[data-an] { color: #141414; }
.eb-hp-stern:has(input:focus-visible) { outline: 2px solid #0a7a08; outline-offset: 2px; border-radius: 6px; }
.eb-hp-sterne:has(input[value="1"]:checked) .eb-hp-stern:nth-child(-n+1),
.eb-hp-sterne:has(input[value="2"]:checked) .eb-hp-stern:nth-child(-n+2),
.eb-hp-sterne:has(input[value="3"]:checked) .eb-hp-stern:nth-child(-n+3),
.eb-hp-sterne:has(input[value="4"]:checked) .eb-hp-stern:nth-child(-n+4),
.eb-hp-sterne:has(input[value="5"]:checked) .eb-hp-stern:nth-child(-n+5) { color: #141414; }

/* Nachricht an den Händler: Dialog über der Seite. */
.eb-hp-dialog { z-index: 1100; display: grid; place-items: center; padding: 16px; background: rgba(20, 20, 20, .55); }
.eb-hp-dialog form { box-shadow: 0 20px 50px rgba(0, 0, 0, .25); }

/* Handy (unter 640 px; im Prototyp ohne Handy-Layout) */
@media (max-width: 639.98px) {
	.eb-hp-krumen { align-items: center; }
	.eb-hp-krumen a { padding: 12px 0; }
	/* „Route planen“ über die volle Breite, „Anrufen“ und „Nachricht“ darunter je zur Hälfte */
	.eb-hp-knoepfe > * { flex: 1 1 0; justify-content: center; }
	.eb-hp-knoepfe > :first-child { flex-basis: 100%; }
	/* Laden- und Werkstattfoto im Format 16:9 statt 380 bzw. 320 px hoch */
	.eb-hp-foto { min-height: 0; aspect-ratio: 16 / 9; }
	/* Sterne-Verteilung: Zeilen ohne die 44-px-Mindesthöhe für Links (wirkte zerrissen) */
	.eb-hp-verteilung { min-height: 30px; }
}