/* ── AG Mobile Book Now ───────────────────────────────────────────────────── */

/* Hidden on desktop — the button only makes sense at phone width */
.ag-mobile-book-now-btn {
    display: none;
}

/* ── Mobile only ─────────────────────────────────────────────────────────── */

@media (max-width: 680px) {




    .ag-mobile-book-now-btn {
        display:  inline-block;

        position: fixed;
        right:    2vw;
        top:      90vh;
        z-index:  9999;

        background: var(--primary_color);
        border: 1px solid var(--primary_color);
        color: #fff;
        font-size:   25px;
        line-height: 26px;
        padding:     5px 30px;

        /* Smooth hide/show when calendar enters or leaves view */
        opacity:    1;
        transition: opacity 0.35s ease, visibility 0.35s ease;
        visibility: visible;
    }
    .ag-mobile-book-now-btn:hover {
        background: var(--primary_color);
        border: 1px solid var(--primary_color);
        color: #fff;
    }

    /* Applied by JS via IntersectionObserver when the calendar is on-screen */
    .ag-mobile-book-now-btn.is-hidden {
        opacity:    0;
        visibility: hidden;
        pointer-events: none;
    }
}