/* Barra azioni fissa su mobile: chiamare, scrivere, prenotare */
.mobile-bar {
    display: none;
}

@media (max-width: 900px) {
    body {
        padding-bottom: calc(var(--mobile-bar-height) + env(safe-area-inset-bottom, 0px));
    }

    .mobile-bar {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 950;
        display: grid;
        grid-template-columns: 1fr 1fr 1.35fr;
        height: calc(var(--mobile-bar-height) + env(safe-area-inset-bottom, 0px));
        padding-bottom: env(safe-area-inset-bottom, 0px);
        background: var(--color-white);
        border-top: 1px solid var(--color-hair);
    }

    .mobile-bar a {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 0.2rem;
        font-family: var(--font-heading);
        font-weight: 500;
        font-size: 0.8rem;
        color: var(--color-ink);
        border-left: 1px solid var(--color-hair);
    }

    .mobile-bar a:first-child {
        border-left: 0;
    }

    .mobile-bar .icon {
        font-size: 1.35rem;
        color: var(--color-petrol);
    }

    .mobile-bar .is-whatsapp .icon {
        color: #128C4B;
    }

    .mobile-bar .is-primary {
        background: var(--color-petrol);
        color: var(--color-white);
        border-left: 0;
    }

    .mobile-bar .is-primary .icon {
        color: var(--color-white);
    }
}