/* Reservaline results V100
 * - desktop search proportions only
 * - full Guests/rooms cell is the trigger
 * - preserves V96 Destination, V98 native dates, V99 counters
 */

/* Desktop: reclaim space from Destination and give it to the complete stay range. */
@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: 20% 36% 29% 15% !important;
    }

    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;
    }

    body.rrr-template #rrr-search-form .rrr-search-field--date,
    body.rh1-results-template #rrr-search-form .rrr-search-field--date {
        min-width: 0 !important;
        padding-right: 12px !important;
        padding-left: 12px !important;
    }

    body.rrr-template #rrr-search-form .rrr-date-range-v98,
    body.rh1-results-template #rrr-search-form .rrr-date-range-v98 {
        width: 100% !important;
        max-width: none !important;
        overflow: hidden !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;
    }
}

/* The complete Guests/rooms visual cell is clickable, including its empty padding. */
body.rrr-template #rrr-search-form .rrr-search-field--guest[data-rrr-guest-v100="1"],
body.rh1-results-template #rrr-search-form .rrr-search-field--guest[data-rrr-guest-v100="1"] {
    position: relative !important;
    cursor: pointer !important;
}

body.rrr-template #rrr-search-form .rrr-search-field--guest[data-rrr-guest-v100="1"] > .form-extra-field,
body.rh1-results-template #rrr-search-form .rrr-search-field--guest[data-rrr-guest-v100="1"] > .form-extra-field {
    display: flex !important;
    box-sizing: border-box !important;
    width: calc(100% + 28px) !important;
    height: 100% !important;
    min-height: 58px !important;
    margin-right: -14px !important;
    margin-left: -14px !important;
    padding-right: 14px !important;
    padding-left: 14px !important;
    align-items: center !important;
    cursor: pointer !important;
}

body.rrr-template #rrr-search-form .rrr-search-field--guest[data-rrr-guest-v100="1"] .rrr-search-field__content,
body.rh1-results-template #rrr-search-form .rrr-search-field--guest[data-rrr-guest-v100="1"] .rrr-search-field__content,
body.rrr-template #rrr-search-form .rrr-search-field--guest[data-rrr-guest-v100="1"] .rrr-guest-render,
body.rh1-results-template #rrr-search-form .rrr-search-field--guest[data-rrr-guest-v100="1"] .rrr-guest-render {
    pointer-events: none !important;
}

/* Menu interaction must remain normal after it opens. */
body.rrr-template #rrr-search-form .rrr-search-field--guest[data-rrr-guest-v100="1"] .rrr-guest-menu,
body.rrr-template #rrr-search-form .rrr-search-field--guest[data-rrr-guest-v100="1"] .rrr-guest-menu *,
body.rh1-results-template #rrr-search-form .rrr-search-field--guest[data-rrr-guest-v100="1"] .rrr-guest-menu,
body.rh1-results-template #rrr-search-form .rrr-search-field--guest[data-rrr-guest-v100="1"] .rrr-guest-menu * {
    cursor: default !important;
    pointer-events: auto !important;
}

body.rrr-template #rrr-search-form .rrr-search-field--guest[data-rrr-guest-v100="1"].rrr-guest-open .rrr-guest-menu,
body.rh1-results-template #rrr-search-form .rrr-search-field--guest[data-rrr-guest-v100="1"].rrr-guest-open .rrr-guest-menu {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}