/* A translated action must remain a word, not split into isolated letters.
   The chat control keeps its existing reserved space. When two readable,
   equal buttons cannot fit, flex wrapping gives each its own full-width row.
   WHY: 390px Indonesian "Sebelumnya" broke its final letter onto a new line;
   the old 320px override also reduced actions to 14px. Keep 16px or larger. */
@media (max-width: 600px) {
    .booking-page .step-navigation .btn {
        flex: 1 1 9rem !important;
        font-size: 16px;
        margin: 0 !important;
        overflow-wrap: normal;
        word-break: normal;
        hyphens: none;
    }
}

/* The new Vehicle label and translated Terms labels need more room than
   the original four narrow phone columns provided. Preserve all four steps. */
@media (max-width: 420px) {
    .booking-page .step-dots { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
    .booking-page .step-dot { padding: 10px 6px; }
    .booking-page .step-dot-label,
    .booking-page .step-dot.active .step-dot-label { font-size: 16px; overflow-wrap: normal; word-break: normal; }
}