/**
 * DB V2 Order Form v0.6.3
 * Mobile Review Order width and overflow fix.
 */

@media (max-width: 782px) {
    /* Keep the review page within the viewport. */
    body .dbv2of-review-page,
    body .dbv2of-review-wrap,
    body .dbv2of-review-container,
    body .dbv2-review-page,
    body .dbv2-review-wrap,
    body .dbv2-review-container,
    body [class*="dbv2of"][class*="review"],
    body [class*="dbv2"][class*="review"] {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        box-sizing: border-box !important;
        overflow-x: hidden !important;
    }

    /* Remove nested desktop widths that create the thin mobile column. */
    body .dbv2of-review-page > *,
    body .dbv2of-review-wrap > *,
    body .dbv2of-review-container > *,
    body .dbv2-review-page > *,
    body .dbv2-review-wrap > *,
    body .dbv2-review-container > *,
    body [class*="dbv2of"][class*="review"] > *,
    body [class*="dbv2"][class*="review"] > * {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

    /* Review cards and sections. */
    body .dbv2of-review-card,
    body .dbv2of-review-section,
    body .dbv2of-summary-card,
    body .dbv2-review-card,
    body .dbv2-review-section,
    body .dbv2-summary-card,
    body [class*="dbv2of"][class*="card"],
    body [class*="dbv2"][class*="card"] {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 0 16px !important;
        padding: 20px 16px !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    /* Force review grids to one column. */
    body .dbv2of-review-grid,
    body .dbv2of-summary-grid,
    body .dbv2-review-grid,
    body .dbv2-summary-grid,
    body [class*="dbv2of"][class*="grid"],
    body [class*="dbv2"][class*="grid"] {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 14px !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    /* Long email, route and customer values must wrap safely. */
    body .dbv2of-review-page *,
    body .dbv2of-review-wrap *,
    body .dbv2of-review-container *,
    body .dbv2-review-page *,
    body .dbv2-review-wrap *,
    body .dbv2-review-container * {
        max-width: 100%;
        box-sizing: border-box;
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    body .dbv2of-review-page h1,
    body .dbv2of-review-wrap h1,
    body .dbv2of-review-container h1,
    body .dbv2-review-page h1,
    body .dbv2-review-wrap h1,
    body .dbv2-review-container h1 {
        font-size: clamp(32px, 9vw, 48px) !important;
        line-height: 1.08 !important;
        text-align: center !important;
    }

    body .dbv2of-review-page h2,
    body .dbv2of-review-wrap h2,
    body .dbv2of-review-container h2,
    body .dbv2-review-page h2,
    body .dbv2-review-wrap h2,
    body .dbv2-review-container h2 {
        font-size: 28px !important;
        line-height: 1.2 !important;
    }

    /* Passenger/guest rows should use the full card width. */
    body .dbv2of-passenger,
    body .dbv2of-guest,
    body .dbv2-passenger,
    body .dbv2-guest,
    body [class*="passenger-card"],
    body [class*="guest-card"] {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 0 12px !important;
        padding: 16px !important;
        box-sizing: border-box !important;
    }

    /* Buttons remain easy to tap and never overflow. */
    body .dbv2of-review-page button,
    body .dbv2of-review-page .button,
    body .dbv2of-review-page a.button,
    body .dbv2of-review-wrap button,
    body .dbv2of-review-wrap .button,
    body .dbv2-review-page button,
    body .dbv2-review-page .button {
        width: 100% !important;
        max-width: 100% !important;
        min-height: 48px !important;
        white-space: normal !important;
    }
}

/* Protect against horizontal scroll caused by very long values at any size. */
.dbv2of-review-page,
.dbv2of-review-wrap,
.dbv2of-review-container,
.dbv2-review-page,
.dbv2-review-wrap,
.dbv2-review-container {
    overflow-wrap: anywhere;
}