/**
 * CT24 Fahrt-Sheet (Web) — schmale Kapsel.
 * Nur Ablauf-Buttons + Preis-Fokus. Kein Sheet-Höhen-/translateY-Eingriff.
 * Responsive: flex statt fester px-Breite (iOS/Android schmal).
 */

button.ct24-fahrt-ablauf__taste {
  appearance: none;
  -webkit-appearance: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1 1 0;
  width: auto;
  max-width: 34%;
  min-width: 0;
  margin: 0;
  padding: 4px 2px;
  border: 0;
  background: transparent;
  cursor: pointer;
  font: inherit;
  color: inherit;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
  position: relative;
  z-index: 60;
  box-sizing: border-box;
}

button.ct24-fahrt-ablauf__taste:focus-visible {
  outline: 2px solid #f5c83f;
  outline-offset: 2px;
  border-radius: 10px;
}

.ct24-preis-fokus {
  max-width: 100%;
  width: 100%;
  box-sizing: border-box;
  padding: 2px 0 4px;
}

/** Während Sheet-Ziehen. */
body.ct24-sheet-zieht {
  touch-action: none;
  user-select: none;
  -webkit-user-select: none;
}

[data-ct24-booking-sheet-zieh='1'],
[data-ct24-booking-sheet-panel='1'] {
  touch-action: pan-y;
  -webkit-touch-callout: none;
}