/* Mobile View Sticky Reservation Button */
.mobile-reservation-btn {
    display: none; /* Hide by default */
}

@media (max-width: 767px) {
    .mobile-reservation-btn {
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 9999; /* Ensure it stays on top of other elements */
        background-color: #fff; /* Optional: To style the button area */
        text-align: center;
        padding: 10px 0;
        box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
    }

    .mobile-reservation-btn a {
        color: #fff;
        background-color: #a52a2a; /* Adjust the button color as per your design */
        padding: 19px 20px;
        border-radius: 5px;
        text-transform: uppercase;
        font-weight: bold;
    }

    /* Ensure the sticky button doesn’t overlap other content */
    body {
        padding-bottom: 60px; /* Height of the sticky reservation button */
    }
}