.meal-schedule-checkout {
    margin-top: 10px;
    font-size: 14px;
    color: #555;
}
.meal-schedule-checkout ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.meal-schedule-checkout li {
    margin: 5px 0;
}

.meal-schedule-order-details {
    margin-top: 10px;
    font-size: 14px;
    color: #333;
}
.meal-schedule-order-details ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.meal-schedule-order-details li {
    margin: 5px 0;
}



/* Container para a tabela */
.pack-meal-scheduler {
    max-width: 100%;
    margin: 20px 0;
    overflow-x: auto;
}

/* Estilo da tabela */
.pack-meal-scheduler table {
    width: 100%;
    font-family: Arial, sans-serif;
    font-size: 14px;
    color: #333;
}

/* Cabeçalho da tabela */
.pack-meal-scheduler table th {
    text-align: left;
    padding: 12px 15px;
    font-weight: bold;
    color: #444;
    background-color: #f9f9f9; /* Fundo claro */
}

/* Linhas alternadas para destacar visualmente */
.pack-meal-scheduler table tr:nth-child(even) td {
    background-color: #fafafa;
}

/* Estilo do dropdown */
.pack-meal-scheduler select {
    width: 100%;
    padding: 8px;
    font-size: 14px;
}


/* Adiciona espaçamento entre as células */
.pack-meal-scheduler table td + td {
    margin-left: 10px;
}

/* Responsividade */
@media (max-width: 768px) {
    .pack-meal-scheduler table {
        font-size: 12px;
    }

    .pack-meal-scheduler select {
        font-size: 12px;
    }
}