/* Mobile contact bar ("Zadzwoń / Zapytaj o dom") – visible below 768 px only. */
.rez-cta-bar,
.rez-header-call {
    display: none;
}

/* Mobile menu: phone link above the "Kontakt" button. */
.rez-menu-call {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    border: 1px solid #33652b;
    color: #33652b;
    font-family: Jost, sans-serif;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
}

@media (max-width: 767px) {
    :root {
        --rez-bar-h: calc(64px + env(safe-area-inset-bottom));
    }

    /* Phone icon next to the hamburger, 44×44 touch area. */
    .rez-header-call {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 44px;
        height: 44px;
        margin-right: 4px;
        color: var(--art-colors-heading); /* same as the hamburger */
    }

    .art-color-scheme-second .rez-header-call {
        color: var(--art-second-colors-heading);
    }

    .rez-cta-bar {
        display: flex;
        gap: 8px;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 9990;
        padding: 8px 10px calc(8px + env(safe-area-inset-bottom));
        background: #fff;
        box-shadow: 0 -2px 12px rgba(0, 0, 0, .12);
        transition: transform .25s ease;
    }

    /* Form on screen: bar slides away, floating icons drop back to the bottom. */
    body.rez-cta-hidden {
        --rez-bar-h: 0px;
    }

    .rez-cta-hidden .rez-cta-bar,
    .art-main-holder-mask-show .rez-cta-bar { /* mobile menu open */
        transform: translateY(110%);
    }

    .rez-cta-bar__btn {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        min-height: 48px;
        font-family: Jost, sans-serif;
        font-size: 16px;
        font-weight: 600;
        letter-spacing: .03em;
        text-transform: uppercase;
        text-decoration: none;
        color: #fff;
    }

    .rez-cta-bar__btn:hover,
    .rez-cta-bar__btn:focus {
        color: #fff;
    }

    .rez-cta-bar__btn--call {
        background: #33652b; /* logo green */
    }

    .rez-cta-bar__btn--form {
        background: #b99755; /* gold of the CF7 submit button */
    }

    body {
        padding-bottom: var(--rez-bar-h);
    }

    /* Fixed bottom elements moved above the bar. */
    .mcs-consent-v2__revisit {
        bottom: calc(var(--rez-bar-h) + 12px) !important;
    }

    #art-slide-top {
        bottom: calc(var(--rez-bar-h) + 15px);
    }
}

/* reCAPTCHA notice is shown as text under the CF7 form instead of the badge. */
.grecaptcha-badge {
    visibility: hidden !important;
}