/* <!-- ============================================================================== -->
<!-- FILE: public_menu_app/static/css/styles.css (NEW FILE) -->
<!-- ============================================================================== --> */

:root {
    --primary-color: #39c1cd;
    --bs-link-color-rgb: 57, 193, 205;
    --bs-link-hover-color-rgb: 87, 213, 225;
}

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

.navbar-brand img {
    height: 35px;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background-color: var(--primary-color);
}

.table {
    --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.03);
}

@media (max-width: 480px) {
    #live-menu-table {
        /* 0.8rem is about 20% smaller than the default. Adjust as needed. */
        font-size: 0.75rem; 
    }
}