body {
    font-family: 'Inter', sans-serif;
}

/* Overlay for Business Hours (from index.html) */
.business-hours-overlay {
    position: absolute;
    top: 100%; /* Position below the text */
    right: 0; /* Align with the right of the parent */
    background-color: white;
    border-radius: 0.5rem;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    padding: 1rem;
    z-index: 100;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
    transform: translateY(10px); /* Slightly move down on appearance */
    min-width: 200px; /* Ensure it's wide enough */
}

/* Hover effect for the business hours text to show overlay */
.business-hours-text:hover .business-hours-overlay {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}