/* Add border to each cafe group for better visual separation, using SFA purple #8e24aa */
.cafe-table-responsive .cafe-row-group > td {
    border-top: 2px solid #8e24aa;
    border-bottom: none;
}
.cafe-table-responsive .cafe-row-group:last-child > td {
    border-bottom: 2px solid #8e24aa;
}

@media (max-width: 600px) {
    .cafe-table-responsive .cafe-row-group > td {
        border-left: 2px solid #8e24aa;
        border-right: 2px solid #8e24aa;
        border-radius: 8px;
    }
    .cafe-table-responsive .cafe-row-group:first-child > td {
        border-top: 2px solid #8e24aa;
    }
    .cafe-table-responsive .cafe-row-group:last-child > td {
        border-bottom: 2px solid #8e24aa;
    }
    .cafe-table-responsive .cafe-row-group > td {
        background: #fff;
    }
}
/* CafeList responsive table styles */
@media (max-width: 600px) {
    .cafe-table-responsive .desc-header,
    .cafe-table-responsive .desc-cell.desktop-only {
        display: none;
    }
    .cafe-table-responsive .mobile-desc-row {
        display: table-row;
    }
    .cafe-table-responsive .desc-cell.mobile-only {
        display: block;
        white-space: normal;
        word-break: break-word;
        padding-top: 0;
        padding-bottom: 0.5rem;
        background: #fff;
    }
}

@media (min-width: 601px) {
    .cafe-table-responsive .mobile-desc-row,
    .cafe-table-responsive .desc-cell.mobile-only {
        display: none;
    }
    .cafe-table-responsive .desc-header,
    .cafe-table-responsive .desc-cell.desktop-only {
        display: table-cell;
    }
}