/* SLM mobile contact bar — phones only (under 768px). */
:root {
    --slm-mobile-bar-h: 0px;
}

.slm-mobile-bar {
    display: none;
}

@media (max-width: 767px) {
    :root {
        /* 0.4rem + 2.75rem button + 0.4rem, plus the iPhone home-indicator area. Chat/cookie widgets can use this as their bottom offset. */
        --slm-mobile-bar-h: calc(3.55rem + env(safe-area-inset-bottom, 0px));
    }

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

    .slm-mobile-bar {
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 2147483000;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: .5rem;
        padding: .4rem .75rem calc(.4rem + env(safe-area-inset-bottom, 0px));
        background: #3B2A1F;
        box-shadow: 0 -4px 14px rgba(0, 0, 0, .18);
    }

    .slm-mobile-bar__btn {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: .45rem;
        min-height: 2.75rem;
        padding: 0 .5rem;
        border-radius: .5rem;
        font-family: "Montserrat", system-ui, sans-serif;
        font-size: .9375rem;
        font-weight: 700;
        line-height: 1;
        text-decoration: none;
        white-space: nowrap;
    }

    .slm-mobile-bar__btn svg {
        width: 1rem;
        height: 1rem;
        flex: 0 0 auto;
    }

    /* #3B2A1F on #F2B233 = 7.3:1 */
    .slm-mobile-bar__btn--call,
    .slm-mobile-bar__btn--call:hover,
    .slm-mobile-bar__btn--call:visited {
        background: #F2B233;
        color: #3B2A1F;
    }

    /* #FFFFFF on #B5522F = 5.0:1 */
    .slm-mobile-bar__btn--quote,
    .slm-mobile-bar__btn--quote:hover,
    .slm-mobile-bar__btn--quote:visited {
        background: #B5522F;
        color: #FFFFFF;
    }

    .slm-mobile-bar__btn:focus-visible {
        outline: 2px solid #FFFFFF;
        outline-offset: 2px;
    }
}