/* British Damp Proofing: shared review badge and survey panel fixes. */

/* Contain the badge's z-index:999 beneath the existing overlay and form. */
.rpi .rpi-badge-cnt.rpi-badge-embed {
    isolation: isolate;
    z-index: 0 !important;
}

/* Match the live theme's panel offsets; JavaScript also accounts for keyboards. */
.book-a-survey-form {
    --bdp-survey-top: 150px;
    box-sizing: border-box;
    max-height: calc(100vh - var(--bdp-survey-top) - 12px);
    max-height: var(--bdp-panel-max-height, calc(100dvh - var(--bdp-survey-top) - 12px));
    overflow-y: auto;
    overscroll-behavior-y: contain;
    -webkit-overflow-scrolling: touch;
    padding-bottom: calc(20px + env(safe-area-inset-bottom, 0px));
}

@media (min-width: 992px) {
    .book-a-survey-form { --bdp-survey-top: 163px; }
}

@media (min-width: 1200px) {
    .book-a-survey-form { --bdp-survey-top: 139px; }
}

/* Override the theme's black text, transparent background and 60px gap. */
.book-a-survey-form .wpcf7 form.wpcf7-form .wpcf7-response-output {
    box-sizing: border-box;
    flex: 0 0 100%;
    width: 100%;
    margin: 16px 0 !important;
    padding: 16px !important;
    color: #ffffff !important;
    background: #292e63 !important;
    border: 2px solid #ffffff !important;
    font-size: 20px;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.book-a-survey-form .wpcf7-response-output:focus {
    outline: 2px solid #ffffff;
    outline-offset: 3px;
}