/* Only the established quote popup; no other Popup Maker dialogs are changed. */
#pum-2482.pum {
    --tz-enquiry-top: max(12px, env(safe-area-inset-top, 0px));
    --tz-enquiry-bottom: max(12px, env(safe-area-inset-bottom, 0px));
}

body.admin-bar #pum-2482.pum {
    --tz-enquiry-top: max(44px, env(safe-area-inset-top, 0px));
}

@media (max-width: 782px) {
    body.admin-bar #pum-2482.pum {
        --tz-enquiry-top: max(58px, env(safe-area-inset-top, 0px));
    }
}

/* Override PUM's inline centring and scrollable-overlay rules. Focus must not
   scroll the entire dialog (including CLOSE) above the top of the screen. */
#pum-2482.pum.pum-active {
    overflow: hidden !important;
    overscroll-behavior: contain;
}

#pum-2482.pum-active #popmake-2482.pum-container {
    position: fixed !important;
    top: var(--tz-enquiry-top) !important;
    bottom: auto !important;
    left: 50% !important;
    right: auto !important;
    margin: 0 !important;
    transform: translateX(-50%) !important;
    box-sizing: border-box;
    display: flex !important;
    flex-direction: column;
    height: auto !important;
    min-height: 0 !important;
    max-width: calc(100% - 24px) !important;
    max-height: calc(100vh - var(--tz-enquiry-top) - var(--tz-enquiry-bottom)) !important;
    max-height: calc(100dvh - var(--tz-enquiry-top) - var(--tz-enquiry-bottom)) !important;
    padding: 60px 18px 18px !important;
    overflow: hidden !important;
}

#pum-2482.pum-active #popmake-2482 > .pum-content {
    flex: 1 1 auto;
    min-height: 0;
    max-height: none !important;
    overflow-x: hidden;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    scroll-padding-block: 12px;
}

#pum-2482 #popmake-2482 > button.pum-close {
    position: absolute !important;
    top: 8px !important;
    right: 8px !important;
    bottom: auto !important;
    left: auto !important;
    min-width: 64px;
    min-height: 44px;
    height: auto;
    padding: 8px 12px;
    line-height: 28px;
    font-size: 14px;
    z-index: 3;
}

#pum-2482 #popmake-2482 > button.pum-close:focus-visible {
    outline: 3px solid #123c3b;
    outline-offset: 2px;
}

@media (max-width: 480px) {
    #pum-2482.pum-active #popmake-2482.pum-container {
        padding-inline: 14px !important;
    }

    #pum-2482 #wpforms-form-2486 input:not([type="checkbox"]):not([type="radio"]),
    #pum-2482 #wpforms-form-2486 select,
    #pum-2482 #wpforms-form-2486 textarea {
        /* Avoid text-entry zoom on mobile Safari without changing field data. */
        font-size: 16px;
    }
}