/* Queen City Guide — UrbanGo listing review form mobile containment */

/* Keep every review-area wrapper constrained to its listing column. */
.edgtf-listing-single-holder .edgtf-comment-holder,
.edgtf-listing-single-holder .edgtf-comment-form,
.edgtf-listing-single-holder .comment-respond,
.edgtf-listing-single-holder #respond,
.edgtf-listing-single-holder #commentform,
.edgtf-listing-single-holder .comment-form {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

.edgtf-listing-single-holder .edgtf-comment-holder *,
.edgtf-listing-single-holder .edgtf-comment-form *,
.edgtf-listing-single-holder .comment-respond *,
.edgtf-listing-single-holder .edgtf-comment-holder *::before,
.edgtf-listing-single-holder .edgtf-comment-holder *::after,
.edgtf-listing-single-holder .edgtf-comment-form *::before,
.edgtf-listing-single-holder .edgtf-comment-form *::after {
    box-sizing: border-box !important;
}

/* UrbanGo grid rows use negative gutters. Those are what push the review fields off-screen. */
.edgtf-listing-single-holder .edgtf-comment-holder .edgtf-grid-row,
.edgtf-listing-single-holder .edgtf-comment-form .edgtf-grid-row,
.edgtf-listing-single-holder .comment-respond .edgtf-grid-row,
.edgtf-listing-single-holder .edgtf-comment-holder [class*="edgtf-grid-row"],
.edgtf-listing-single-holder .edgtf-comment-form [class*="edgtf-grid-row"] {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.edgtf-listing-single-holder .edgtf-comment-holder [class*="edgtf-grid-col-"],
.edgtf-listing-single-holder .edgtf-comment-form [class*="edgtf-grid-col-"],
.edgtf-listing-single-holder .comment-respond [class*="edgtf-grid-col-"] {
    min-width: 0 !important;
    max-width: 100% !important;
}

/* Explicitly constrain the fields visible in Write a Review. */
.edgtf-listing-single-holder #commentform p,
.edgtf-listing-single-holder .comment-form p,
.edgtf-listing-single-holder p.comment-form-comment,
.edgtf-listing-single-holder p.comment-form-author,
.edgtf-listing-single-holder p.comment-form-email,
.edgtf-listing-single-holder p.comment-form-url,
.edgtf-listing-single-holder .edgtf-comment-form .edgtf-comment-form-title,
.edgtf-listing-single-holder .edgtf-comment-form .edgtf-comment-form-rating {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.edgtf-listing-single-holder #commentform input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]),
.edgtf-listing-single-holder #commentform textarea,
.edgtf-listing-single-holder #commentform select,
.edgtf-listing-single-holder .comment-form input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]),
.edgtf-listing-single-holder .comment-form textarea,
.edgtf-listing-single-holder .comment-form select,
.edgtf-listing-single-holder .edgtf-comment-form input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]),
.edgtf-listing-single-holder .edgtf-comment-form textarea,
.edgtf-listing-single-holder .edgtf-comment-form select {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.edgtf-listing-single-holder textarea {
    resize: vertical;
}

/* Rating and consent rows should wrap instead of widening the page. */
.edgtf-listing-single-holder .edgtf-review-rating,
.edgtf-listing-single-holder .edgtf-rating-inner,
.edgtf-listing-single-holder .comment-form-cookies-consent {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex-wrap: wrap !important;
    white-space: normal !important;
}

.edgtf-listing-single-holder .comment-form-cookies-consent label {
    max-width: calc(100% - 34px) !important;
    white-space: normal !important;
    overflow-wrap: anywhere;
}

@media only screen and (max-width: 767px) {
    .edgtf-listing-single-holder .edgtf-comment-holder [class*="edgtf-grid-col-"],
    .edgtf-listing-single-holder .edgtf-comment-form [class*="edgtf-grid-col-"],
    .edgtf-listing-single-holder .comment-respond [class*="edgtf-grid-col-"] {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .edgtf-listing-single-holder #commentform,
    .edgtf-listing-single-holder .comment-form,
    .edgtf-listing-single-holder .edgtf-comment-form form {
        overflow: visible !important;
    }
}