/* ==========================================================
   MOBILE STICKY BOOKING
========================================================== */

.ua-mobile-booking {
    display: none;
}

@media (max-width:991.98px) {

    .ua-mobile-booking {

        position: fixed;

        left: 12px;
        right: 12px;
        bottom: 12px;

        z-index: 9999;

        display: flex;
        align-items: center;
        gap: 10px;

        padding: 8px;

        background: rgba(255, 255, 255, .9);

        border: 1px solid rgba(255, 255, 255, .55);

        border-radius: 16px;

        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);

        box-shadow:
            0 8px 24px rgba(15, 23, 42, .10),
            inset 0 1px 0 rgba(255, 255, 255, .6);

        transition:
            transform .3s ease,
            opacity .3s ease;

    }

    .ua-mobile-booking.is-hidden {

        transform: translateY(calc(100% + 24px));

        opacity: 0;

        pointer-events: none;

    }

    /*
    |--------------------------------------------------------------------------
    | WhatsApp
    |--------------------------------------------------------------------------
    */

    .ua-mobile-booking-wa {

        width: 38px;
        height: 38px;

        flex-shrink: 0;

        display: flex;
        align-items: center;
        justify-content: center;

        border-radius: 10px;

        background: #25D366;

        color: #fff;

        font-size: 1.05rem;

        text-decoration: none;

        transition: .25s;

    }

    .ua-mobile-booking-wa:hover {

        color: #fff;

        transform: translateY(-2px);

    }

    /*
    |--------------------------------------------------------------------------
    | Price
    |--------------------------------------------------------------------------
    */

    .ua-mobile-booking-price {

        flex: 1;

        display: flex;
        flex-direction: column;

        min-width: 0;

        line-height: 1.1;

    }

    .ua-mobile-booking-price small {

        margin-bottom: 2px;

        font-size: .68rem;

        font-weight: 600;

        color: var(--text-muted);

        text-transform: uppercase;

        letter-spacing: .04em;

    }

    .ua-mobile-booking-price strong {

        display: flex;

        align-items: baseline;

        gap: 4px;

        font-size: 1rem;

        font-weight: 700;

        color: var(--text);

    }

    .ua-mobile-booking-price span {

        font-size: .75rem;

        font-weight: 500;

        color: var(--text-light);

    }

    /*
    |--------------------------------------------------------------------------
    | Button
    |--------------------------------------------------------------------------
    */

    .ua-mobile-booking-btn {

        flex-shrink: 0;

        display: flex;
        align-items: center;
        justify-content: center;

        height: 38px;

        padding: 0 14px;

        border-radius: 10px;

        background: var(--primary);

        color: #fff;

        font-size: .76rem;

        font-weight: 700;

        text-decoration: none;

        white-space: nowrap;

        transition: .25s;

    }

    .ua-mobile-booking-btn:hover {

        background: var(--primary-dark);

        color: #fff;

    }

}

/* ==========================================================
   Small Mobile
========================================================== */

@media (max-width:575.98px) {

    .ua-mobile-booking {

        left: 10px;
        right: 10px;
        bottom: 10px;

        gap: 8px;

        padding: 7px;

    }

    .ua-mobile-booking-wa {

        width: 36px;
        height: 36px;

        font-size: 1rem;

    }

    .ua-mobile-booking-price strong {

        font-size: .95rem;

    }

    .ua-mobile-booking-price span {

        font-size: .72rem;

    }

    .ua-mobile-booking-btn {

        height: 36px;

        padding: 0 12px;

        font-size: .72rem;

    }

}