/* Styles for the menu items */
.food-menu-items {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.food-menu-item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
    width: 100%; /* By default, one column */
    border: 2px solid #955635; /* Border color */
    border-radius: 10px; /* Rounded corners for the border */
    padding: 10px; /* Add padding */
    box-sizing: border-box; /* Include padding and border in width calculation */
}

.food-image {
    width: 120px; /* Set image container width */
    height: 120px; /* Set image container height */
    margin-right: 20px;
    border-radius: 10%; /* Rounded corners */
    overflow: hidden; /* Ensure content doesn't overflow rounded corners */
    min-width: 120px; /* Minimum width for the image container */
}

.food-image img {
    width: 100%; /* Ensure the image fills the container */
    height: auto;
    border-radius: 10%; /* Rounded corners for the image */
}

.food-details {
    flex-grow: 1;
}

.food-title {
    margin-top: 0;
    margin-bottom: 10px;
    color: #4B220B; /* Food title color */
}

.food-description {
    margin-bottom: 0;
}

/* Two columns on desktop */
@media (min-width: 768px) {
    .food-menu-item {
        width: calc(50% - 10px); /* Subtract margin to fit two columns */
    }
    
    /* Reset flex properties for other elements */
    .food-details {
        flex-grow: 0;
    }
}