/* BTA33KAR — bta-detail-cta-1.0.css (UX-03 mobile sticky contact bar)
   Immutable path. A correction ships as bta-detail-cta-1.1.css.

   SCOPE. Markup is emitted only on single property/project pages by
   functions/detail-mobile-cta.php, which also adds body.bta-has-detail-cta
   and registers this sheet only on those pages. Every visible rule is inside
   max-width:767.98px; at 768px+ the bar is display:none.

   LAYERS. z-index 1030: above page content, Leaflet controls (1000) and the
   theme .action_footer (9 / 999); below the Bootstrap modal backdrop (1040)
   and modal (1050), the mobile menu (#navbarSupportedContent 9999), the
   cookie consent (.site-notice 99999), the live chat (999999) and the
   gallery modal (1000000).

   WIDTH. 3 actions at 360px do not fit with visible labels on all three in
   English. Below 410px the Call action keeps its icon and moves its label to
   a visually-hidden span, which still names the link for assistive tech;
   Request details is text-only at every width. */

.bta-floating-cta {
    display: none;
}

@media (max-width: 767.98px) {
    .bta-floating-cta {
        position: fixed;
        inset-inline: 0;
        inset-block-end: 0;
        z-index: 1030;
        display: flex;
        align-items: center;
        gap: 6px;
        padding-block: 10px calc(10px + env(safe-area-inset-bottom, 0px));
        padding-inline: 10px;
        background: #fff;
        border-block-start: 1px solid rgba(15, 30, 60, .12);
        box-shadow: 0 -4px 16px rgba(15, 30, 60, .08);
    }

    .bta-floating-cta__btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        min-block-size: 48px;
        min-inline-size: 44px;
        padding-inline: 12px;
        border-radius: 10px;
        border: 1px solid transparent;
        font-size: 15px;
        font-weight: 600;
        line-height: 1.2;
        white-space: nowrap;
        text-decoration: none !important;
        box-sizing: border-box;
    }

    .bta-floating-cta__btn i {
        font-size: 16px;
        inline-size: 16px;
        text-align: center;
    }

    .bta-floating-cta__btn--wa {
        flex: 1 1 auto;
        background: #0f7a4a;
        color: #fff !important;
    }

    .bta-floating-cta__btn--call {
        flex: 0 0 auto;
        background: #fff;
        border-color: var(--primary-color, #08519b);
        color: var(--primary-color, #08519b) !important;
    }

    .bta-floating-cta__btn--details {
        flex: 0 0 auto;
        background: transparent;
        color: var(--primary-color, #08519b) !important;
        text-decoration: underline !important;
        text-underline-offset: 3px;
    }

    .bta-floating-cta__btn:focus-visible {
        outline: 3px solid #f59e0b;
        outline-offset: 2px;
    }

    /* Reserve the bar's height so the final content and footer stay reachable. */
    body.bta-has-detail-cta {
        padding-block-end: calc(68px + env(safe-area-inset-bottom, 0px));
    }

    /* One phone CTA only: the bar replaces the theme call/back-to-top strip here. */
    body.bta-has-detail-cta .action_footer {
        display: none !important;
    }

    /* "Request details" lands below the sticky header, not under it. */
    body.bta-has-detail-cta #site-consult-form {
        scroll-margin-block-start: 96px;
    }
}

@media (max-width: 409.98px) {
    .bta-floating-cta__btn--call .bta-floating-cta__label {
        position: absolute;
        inline-size: 1px;
        block-size: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0 0 0 0);
        white-space: nowrap;
        border: 0;
    }
}

@media (max-width: 374.98px) {
    .bta-floating-cta__btn {
        font-size: 14px;
        padding-inline: 10px;
    }
}