@page {
    size: letter landscape;   /*US LETTER*/
    margin: 0.4in;
}

body {
    background-color: #FFFFFF;
    color: #000000;
    font-family: Arial, Verdana, sans-serif;
    font-size: 16px;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    min-height: 100dvh;
    margin: 0;
    padding: 20px;
    box-sizing: border-box;
}

p {
    margin: 0;
}

.en-food-menu-header { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; margin-bottom: 20px; }

.en-food-menu-btn { background-color: white; border: 1px solid #ccc; cursor: pointer; border-radius: 5px; }
.en-food-menu-btn:hover { background-color: #f8f8f8; }
.en-food-menu-btn:active { background-color: #eee; }

.en-food-menu-nav { justify-self: start; display: flex; }
.en-food-menu-nav-item { padding: 6px; text-decoration: none; }
.en-food-menu-nav-item.prev { border-radius: 5px 0 0 5px; border-right: 0; }
.en-food-menu-nav-item.today { border-radius: 0; }
.en-food-menu-nav-item.next { border-radius: 0 5px 5px 0; border-left: 0; }

.en-food-menu-title { display: flex; flex-direction: column; align-items: center; }

.en-food-menu-actions { justify-self: end; display: flex; gap: 8px; }
.en-food-menu-actions .en-food-menu-btn { display: flex; align-items: center; padding: 8px; text-decoration: none; color: inherit; }

.en-food-menu-cal {
    flex: 1; width: 100%;
    border-collapse: collapse; table-layout: fixed;
}
.en-food-menu-cal th, .en-food-menu-cal td { border: 1px solid #ccc; padding: 6px 4px 4px 4px; }
.en-food-menu-cal.weekdays th { width: 20%; }
.en-food-menu-cal.weekends th { width: calc(100% / 7); }
.en-food-menu-cal td { vertical-align: top; }
.en-food-menu-cal tr { page-break-inside: avoid; break-inside: avoid; }
.en-food-menu-cal td.other-month .food-day-item { color: #999; }

.en-food-menu-cal .day-label {
    background-color: #eee; text-align: left;
    print-color-adjust: exact;
    -webkit-print-color-adjust: exact;
}
.en-food-menu-cal .food-day-item { display: flex; }
.en-food-menu-cal .food-day-item .item { flex: 1; }
.en-food-menu-cal .food-day-item .item .item-type { text-decoration: underline; }
.en-food-menu-cal .food-day-item .item .item-foods { font-size: 13px; }
.en-food-menu-cal .food-day-item .date { font-size: 20px; }

.en-food-menu-cal .en-food-menu-footer-every-page { font-size: 13px; vertical-align: top; page-break-inside: avoid; break-inside: avoid; }

.en-food-menu-footer { margin-top: 12px; font-size: 13px; page-break-inside: avoid; break-inside: avoid; }

@media print {
    .print-hide {
        visibility: hidden;
    }

    /* Safari mispositions flex + viewport-height layouts across print pages */
    body { display: block; min-height: 0; }
}