@import url("https://fonts.googleapis.com/css2?family=Hind:wght@300;500&family=Raleway:ital,wght@0,300;0,500;0,700;1,300;1,500;1,700&display=swap");
@font-face {
     font-family: 'Roboto';
    src: url("../webfonts/7d3671fc-8c26-459c-98e1-997c4f6c8c93.eot?#iefix");
    src:
        url("../webfonts/7d3671fc-8c26-459c-98e1-997c4f6c8c93.eot?#iefix") format("eot"),
        url("../webfonts/4fb89ed5-baf5-425f-aba4-46e8c2c3aabe.woff2") format("woff2"),
        url("../webfonts/2a004a53-ac5c-43b3-9eeb-9f74ae4c1609.woff") format("woff"),
        url("../webfonts/74d53f3b-1683-4d5a-a556-e13f6553cdf0.ttf") format("truetype"),
        url("../webfonts/3f5a5b87-e71e-4544-be0c-da4daa132710.svg#3f5a5b87-e71e-4544-be0c-da4daa132710") format("svg");
}

@font-face {
    font-family: 'Bricolage Grotesque';
    src: url("../webfonts/fbd7c0fb-f004-4e83-81d2-1d400413a873.eot?#iefix");
    src:
        url("../webfonts/fbd7c0fb-f004-4e83-81d2-1d400413a873.eot?#iefix") format("eot"),
        url("../webfonts/6e7f04cb-3b30-43a5-b79d-25b4c1178700.woff2") format("woff2"),
        url("../webfonts/9aa32a81-1124-4c43-b3db-15bfb1f7aed2.woff") format("woff"),
        url("../webfonts/6faffbf4-f8e8-4817-b24b-a390e166be7e.ttf") format("truetype"),
        url("../webfonts/fc09de64-de25-425e-90dc-a0cae29b02c4.svg#fc09de64-de25-425e-90dc-a0cae29b02c4") format("svg");
}
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
:root {
    --neutral-light: #dee3e6;
    --neutral-extra-light: #f1f4f6;
    --neutral: #807d7d;
    --neutral-dark: #505050;
    --white: #ffffff;
    --primary-light: #e9f7be;
    --primary-extralight: #f7fbea;
    --primary-dark: #0f2d00;
    --primary: #82bc00;
    --error-light: #e05a42;
    --error-extralight: #ffd4cc;
    --error-dark: #c7341a;
    --error: #c7341a;
    --info-light: #76bcf8;
    --info-extralight: #d0effd;
    --info-dark: #013252;
    --info: #2196f3;
    --warning-light: #ffbe58;
    --warning-extralight: #fff2de;
    --warning-dark: #ff9800;
    --warning: #ff9800;
    --success-light: #e9f7be;
    --success-extralight: #f7fbea;
    --success-dark: #0f2d00;
    --success: #82bc00;
}

* {
    box-sizing: border-box;
     font-family: 'Roboto';
}

table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    font-size: 12px;
    text-align: left;
    table-layout: fixed;
}
thead {
    padding: 12px 15px;
    font-family: 'Bricolage Grotesque';
}
th,
td {
    padding: 4px 5px;
    border: 1px solid #ddd;
    text-align: center;
    vertical-align: top;
    height: 100%;
}

th {
    background-color: #f4f4f4;
    font-weight: bold;
}

tr:nth-child(even) {
    background-color: #f9f9f9;
}

tr:hover {
    background-color: #f1f1f1;
}

.menu-item {
    padding: 3px;
    text-align: left;
    .info {
        color: var(--primary);
    }
    .nutrition {
        font-style: italic;
    }
    .head {
        display: flex;
        justify-content: space-between;
        .menu-icon {
            height: 14px;
            display: flex;
            align-items: center;
            justify-content: end;
            overflow: hidden;
            img {
                height: 100%;
                height: 23px;
            }
        }
    }
    p {
        margin: 0;
    }
}

.menu-item strong {
    display: block;
    font-weight: bold;
    color: var(--primary);
    margin-bottom: 5px;
    text-transform: uppercase;
     font-family: 'Roboto';
}

.menu-table {
    margin-top: 20px;
    border: 1px solid #ccc;
    border-radius: 10px;
    overflow: hidden;
}

thead th {
    background-color: var(--primary);
    color: white;
    font-size: 14px;
}

tbody tr td {
    text-align: center;
    border-bottom: 1px solid #eee;
}
@media print {
    @page {
        margin: 5mm 10mm 5mm 10mm;
    }
    tbody tr td {
        break-inside: avoid; /* Avoid breaking cells between pages */
    }
}