/* Reservaline results V105
 * Final desktop search geometry correction.
 * - More space for Destination.
 * - Dates uses less space but the complete range is no longer clipped by V98/V100.
 * - No JavaScript/search behavior changes.
 */

@media (min-width: 992px) {
    body.rrr-template #rrr-search-form .rrr-search-form__grid,
    body.rh1-results-template #rrr-search-form .rrr-search-form__grid {
        grid-template-columns: 30% 27% 28% 15% !important;
    }

    /* Keep Destination comfortable and allow its visible value to use the cell. */
    body.rrr-template #rrr-search-form .rrr-search-field--location,
    body.rh1-results-template #rrr-search-form .rrr-search-field--location {
        min-width: 0 !important;
        padding-right: 16px !important;
        padding-left: 16px !important;
    }

    body.rrr-template #rrr-search-form .rrr-search-field--location .rrr-search-field__content,
    body.rh1-results-template #rrr-search-form .rrr-search-field--location .rrr-search-field__content,
    body.rrr-template #rrr-search-form .rrr-search-field--location .form-extra-field,
    body.rh1-results-template #rrr-search-form .rrr-search-field--location .form-extra-field {
        min-width: 0 !important;
        width: 100% !important;
    }

    /*
     * V98 intentionally protected the date row with overflow:hidden + ellipsis.
     * That is what was truncating a complete range even when the grid had room.
     * The cell itself remains bounded by CSS Grid, but its textual summary is no
     * longer artificially clipped inside the content wrapper.
     */
    body.rrr-template #rrr-search-form .rrr-search-field--date-v98,
    body.rh1-results-template #rrr-search-form .rrr-search-field--date-v98 {
        min-width: 0 !important;
        padding-right: 10px !important;
        padding-left: 10px !important;
    }

    body.rrr-template #rrr-search-form .rrr-search-field--date-v98 .rrr-date-content,
    body.rh1-results-template #rrr-search-form .rrr-search-field--date-v98 .rrr-date-content,
    body.rrr-template #rrr-search-form .rrr-search-field--date-v98 .rrr-date-render,
    body.rh1-results-template #rrr-search-form .rrr-search-field--date-v98 .rrr-date-render {
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        overflow: visible !important;
    }

    body.rrr-template #rrr-search-form .rrr-date-range-v98,
    body.rh1-results-template #rrr-search-form .rrr-date-range-v98 {
        display: inline-block !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        overflow: visible !important;
        color: #172033 !important;
        font-size: 12.5px !important;
        line-height: 20px !important;
        letter-spacing: -0.05px !important;
        text-overflow: clip !important;
        white-space: nowrap !important;
    }
}