/* ================================================== */
/* menu-full-table.css - Full Table with Scroll       */
/* Always show all columns with horizontal scroll   */
/* ================================================== */

.menu-full-table-wrapper {
    width: 100%;
    overflow-x: auto; /* enable horizontal scrolling */
    -webkit-overflow-scrolling: touch; /* smooth scrolling on iOS */
    margin-bottom: 24px;
}

.menu-full-table {
    width: 100%;
    border-collapse: collapse;
    display: table;
    min-width: 800px; /* adjust based on total columns */
}

.menu-full-table th,
.menu-full-table td {
    padding: 12px;
    border: 1px solid #e2e8f0;
    font-size: 14px;
    color: #4a5568;
    text-align: left;
}

.menu-full-table th {
    background-color: #f0f4f8;
    color: #2d3748;
    font-weight: 600;
}

.menu-full-table td {
    font-size: 14px;
}

/* Responsive tweaks for smaller screens */
@media (max-width: 768px) {
    .menu-full-table th,
    .menu-full-table td {
        padding: 8px;
        font-size: 12px;
    }

    /* Always show all columns */
    .menu-full-table th,
    .menu-full-table td {
        display: table-cell !important;
    }
}

/* Optional: Highlight empty cells */
.menu-full-table td.no-schedule {
    color: #999;
    font-style: italic;
}

/* Optional: Image controls */
.menu-full-table .image-responsive {
    width: 50%;
    height: auto;
    min-width: 50px;
    min-height: 50px;
    max-width: 100%;
    max-height: 150px;
}

.menu-full-table .owner-image-responsive {
    width: 60%;
    height: auto;
    border-radius: 8px;
    min-width: 100px;
    min-height: 100px;
    max-width: 100%;
    max-height: 250px;
}