/* E-Bike-Check (page-e-bike-check.php) – Ergänzungen zu atoms.css. Auswahl über :has(:checked). */

.eb-ck label:has(> input.eb-sr:focus-visible) { outline: 2px solid #0a7a08; outline-offset: 2px; }

/* Zweck: gewählt grün ohne Rahmen */
.eb-ck-zweck:has(:checked) { border: 0; background: #0ee90b; cursor: default; }
.eb-ck-zweck:has(:checked) > span { color: #fff; }

/* Hinweis je nach Zweck */
.eb-ck .eb-ck-nur-buy { display: none; }
.eb-ck:has(input[name="zweck"][value="buy"]:checked) .eb-ck-nur-buy { display: inline; }
.eb-ck:has(input[name="zweck"][value="buy"]:checked) .eb-ck-nur-sell { display: none; }

/* Händler und Tage: gewählt mit dunklem Rahmen */
.eb-ck-karte:has(:checked) { border-color: #141414; }

/* Uhrzeit: gewählt grün */
.eb-ck-zeit:has(:checked) { border: 0; background: #0ee90b; color: #fff; font-weight: 800; font-style: italic; }

.eb-ck button[type=submit][disabled] { opacity: .5; cursor: not-allowed; }

@media (max-width: 640px) {
	.eb-ck-zweck:not(:has(:checked)), .eb-ck-karte, .eb-ck-zeit { min-height: 44px; }
}

/* Handy (unter 640 px; im Prototyp ohne Handy-Layout): Leistungen als kompakte Zeilen (Symbol links), Tage ohne
   Umbruch im Datum, Beispielbericht mit kleinerer Prozentzahl. */
@media (max-width: 639.98px) {
	.eb-ck-leistungen > div { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 4px 14px; padding: 14px 16px; }
	.eb-ck-leistungen > div > span:first-child { grid-row: 1 / span 2; width: 40px; height: 40px; }
	.eb-ck-leistungen > div > span:nth-child(2) { font-size: 17px; }
	.eb-ck-tage > label { padding: 12px; }
	.eb-ck-tage > label > span:last-child { font-size: 17px; white-space: nowrap; }
	.eb-ck-bericht > span:last-child { font-size: 44px; white-space: nowrap; }
}