/* --- Loading Message Styles (Moved from booking.html) --- */
.loading-message {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh; /* Explicitly use viewport height */
    display: flex;
    align-items: center; /* Vertically center content */
    justify-content: center; /* Horizontally center content */
    background-color: transparent; /* Ensure transparent background */
    z-index: 9999; /* Increased z-index to ensure it's on top */
    font-size: 1.3em; /* Slightly smaller text */
    color: #333;
    /* display: none; control by JS */
    text-align: center; /* Center the text content within the flex item */
}

#loading-text {
    display: inline-block; /* Essential for margin:auto to work on a child of flex */
    width: fit-content; /* Make it fit its content for precise centering */
    white-space: nowrap; /* Prevent text from wrapping */
    margin: 0 auto; /* Center the span itself within its flex parent */
    background-color: transparent; /* Removed temporary background color */
    border: none; /* Removed temporary border */
}